2013年10月3日 星期四

jquery重複問題

在使用xoops會用到一些模組
但如果這些模組都套用jquery的話
會造成衝突
因為學校使用navi slider跟tadnews
這兩套都使用jquery且都是不同版本導致相衝


解決辦法是使用jQuery.noConflict()

 <script src="js/jquery_1.4.js" type="text/javascript"></script> 
 <script type="text/javascript"> 
    var $jq = jQuery.noConflict(); 
 </script> 
 <script src="js/jquery_1.2.js" type="text/javascript"></script> 


如上使用jquery1.4和1.2版
但如果都改用新版可能會導致無法相容
只需在中間加上jQuery.noConflict()
改變上一個jquery的引導符號
如果下面要呼叫jquery_1.4
一律將"$"改成"$jq"就可以了

$jq('.selector').live('click', function(){ 
    //do something 
});

而原先的$引導符號則可留給其他的js套件使用
這裡的例子是給jquery_1.2使用

沒有留言:

張貼留言