Question

我正在使用带有自己的javascript库和脚本的图像滑块：

<script type='text/javascript' src='Slider/Scripts/jquery.min.js'></script>
<script type='text/javascript' src='Slider/Scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='Slider/Scripts/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='Slider/Scripts/camera.min.js'></script>
<script>
        jQuery(function(){

            jQuery('#camera_wrap_1').camera({
                thumbnails: true
            });
        });
</script>

但与此同时我使用的脚本调整了我的内容div的大小以适应窗口大小：

<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'></script>
<script type='text/javascript'>

$(window).load(function(){
$(window).resize(function(){
   var height = $(this).height() - $("#Header").height() - $("#Footer").height()
   $('#Content').height(height);
})

$(window).resize(); //on page load
});
</script>

但是，底部脚本有效，只要我的代码中有<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'></script>（没有底部脚本将无效），顶部脚本将无效，并且滑块不会出现。

我查看了以前（类似）的问题，包括this one，这是由同一个图片滑块引起的，但我似乎无法找到解决方案。如果有人对如何解决这个问题有任何建议，我将不胜感激。

Answer 1

将多个jQuery副本加载到页面上可能会导致脚本出现问题。

最佳做法是在页面顶部加载一份jQuery。这意味着页面上的所有脚本和脚本文件都将使用它而没有任何问题。

冲突的JQuery / Javascript脚本

1 个答案: