与多个JQuery库声明相关的冲突

时间:2013-12-10 12:56:05

标签: javascript jquery debugging

我正在处理的网站有我想解决的javascript错误。

在同一页面上,除了其他脚本之外,我还得到了多个声明:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>    
<script type="text/javascript" src="js/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js" ></script>
<script type="text/javascript" src="js/jquery.ui.touch.js"></script>
<script type="text/javascript" src="js/QapTcha.jquery.min.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js" ></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.min.js" ></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-fr.js" ></script>

我可以安全删除一些声明吗?

如何确保这些脚本在没有冲突的情况下共存?

1 个答案:

答案 0 :(得分:1)

尝试这样的事情

<script type="text/javascript" src="jquery1.4.2.js">
</script>  
<script type="text/javascript">  
   var jq_4 = jQuery.noConflict();  
</script>  
<script type="text/javascript" src="jquery1.6.js">
</script>  
<script type="text/javascript">  
   var jq_6 = jQuery.noConflict();  
</script>  
<script type="text/javascript" src="jquery1.7.js">
</script>  
<script type="text/javascript">  
   var jq_7 = jQuery.noConflict();  
</script>  
<script type="text/javascript">  
   // You can use different instance of jquery library.   
   jq_4(document).ready(function () {  
     // so now you can use jquery jq variable instead of $ .   
     jq_4("div").hide();  
   });  
   jq_7(document).ready(function () {  
     // so now you can use jquery jq variable instead of $ .   
     jq_7("div").hide();  
   });  
</script>