jQuery的腳本衝突

Question

我想實現我的網站上兩個不同的，簡單的jQuery代碼：

1. 18.11
2. jQuery的動畫功能

後我加入了cookiecuttr到代碼中。動畫停止工作。

我是一個jQuery初學者，因此任何建議將不勝感激！

這裏是cookiecuttr代碼（外部文件）

$.noConflict(); 
jQuery(document).ready(function() { 
jQuery.cookieCuttr( 
{ 
cookieAnalytics: true, 
cookieAnalyticsMessage: 'cookiecuttr message' />', 
cookieWhatAreTheyLink: 'cookies.htm', 
cookieNotificationLocationBottom: true 
} 
); 
}); 

和.animate已停止工作（在HTML）：

<script type="text/javascript"> 
$(function(){ 
$("#phone_trigger").click(function() { 
$("div#cta_nav").animate({ 
width: 'toggle' 
});; 
}); 
}); 
</script> 

有什麼建議？ :)

Answer 1

由於您已經調用noConflict（）$不再引用jQuery，因此請使用jQuery來引用jQuery。

在DOM準備處理您將收到jQuery的實例作爲第一個參數，你可以將其命名爲DOM準​​備處理程序中$，這樣你就不必使用長jQuery形式每次

jQuery(function ($) { 
    $("#phone_trigger").click(function() { 
     $("div#cta_nav").animate({ 
      width: 'toggle' 
     }); 
    }); 
});