Question

Just a quik question about the right syntax. I want to load the jquery file only if the browser screen is < 1100px.

<script type="text/javascript">
$(document).ready(function() {
  if ($(window).width() < 1100) {

    //load file

     }
  });
</script>

I want to load src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js but can’t find the syntax.

Thanks!

Answer 1

$(document).ready(function() {
    if ($(window).width() < 1100) {
       var newscript = document.createElement('script');
           newscript.type = 'text/javascript';
           newscript.async = true;
           newscript.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js';
       (document.getElementsByTagName('head')[0]
        || document.getElementsByTagName('body')[0]).appendChild(newscript);
    }
});