JQuery/Javascript脚本冲突

JQuery/Javascript脚本冲突,jquery,Jquery,我使用的是一个带有自己的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/j

我使用的是一个带有自己的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>

jQuery(函数(){
jQuery('#camera_wrap_1')。camera({
缩略图:正确
});
});
但与此同时,我正在使用一个脚本来调整我的content 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>

$(窗口)。加载(函数(){
$(窗口)。调整大小(函数(){
var height=$(this).height()-$(“#页眉”).height()-$(“#页脚”).height()
$('内容')。高度(高度);
})
$(窗口).resize();//页面加载时
});
但是,只要代码中有
(没有它,底部脚本将无法工作),顶部脚本将无法工作,滑块也不会出现


我已经看了以前的(类似的)问题,包括,这是由相同的图像滑块引起的,但我似乎找不到解决办法。如果有人对如何解决此问题有任何建议,我将不胜感激。

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


最佳做法是在页面顶部加载jQuery的一个副本。这意味着页面上的所有脚本和脚本文件都将使用它,不会出现任何问题。

不要将jQuery文件包含在两个位置。在页面顶部加载一次,以确保文档中的所有javascript都会使用它。它们(显然)是不同的文件-如果没有第一批,图像滑块将无法工作,如果没有最后一批,调整大小脚本将无法工作。
jquery.min.js
是jquery文件,不是吗?如果是,请检查版本号
.camera()
的最低要求版本为1.4。如果
jQuery.min.js
早于此,它将不起作用,很可能是因为上面的版本1.7.1