在加载 Jquery 之前阻止加载内联脚本

Question

好的，我有一个Jquery脚本，它的功能是确定窗口的宽度，onload。如果宽度大于 642px，它会调用 .load() 来加载图像滑块。原因是移动设备不会提供滑块所需的图像或 js。

当 jquery 加载到头部时，这工作正常。移动到页脚时，它会中断。该代码包含在 index.php 中。这可能是造成它的原因吗？我会想到一旦 php 构建了页面 jquery 解析了内容？

似乎代码在加载 jquery 之前已被解析。任何人都可以建议一种方法来解决这个问题吗？

我曾想过将代码创建为纯 JS 或使用延迟加载，但我似乎无法弄清楚如何让它工作。

一定有更好的解决方案吗？我觉得我错过了一些非常明显的东西..

包含脚本的内容：

<script type="text/javascript">

$(window).bind("load", function() {
   // code here

    $(window).width();   // returns width of browser viewport

    var width = $(window).width(); 

    if (width >= 642)  {
        $('.slider-content').load("templates/include/slider.php", function () {
            $('.slider-content').show(200);
        });
    }

    else {
        //alert('small')
    }
}); 
</script>

谢谢， 亚当

Answer 1

在某些环境中，您必须使用jQuery() 而不是$()。 See this question.

除此之外，您的问题可能与文档尚未完成或绑定到已通过的事件有关。试试这个：

jQuery(document).ready( function($) {
    // Your code goes here. (You can safely use the $() function inside here.)
});