阻止内联脚本加载，直到加载了Jquery

Question

好的，我有一个Jquery脚本，它的功能是确定窗口的宽度，onload。 如果宽度大于642像素，它将调用.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()代替$() 。 看到这个问题。

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

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