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.)
});

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

1 个答案: