2017-02-22 23 views
0

以下代碼在添加到不包含任何jQuery腳本的主代碼時工作得非常完美。即使在糾正後也出現相同的Java控制檯錯誤

<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script> 
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $(window).load(function() { 
     $('.flexslider').flexslider({ 
      animation: "fade", 
      animationLoop: true, 

     }); 
    }); 
}); 
</script> 

但是,當添加到已經有jquery元素的模板時,它在java控制檯中給出了以下兩個錯誤。

1.TypeError:$不是一個函數

getPreventDefault的2,採用()的支持。改爲使用defaultPrevented。

然後我使用'$ .noConflict();'修改了代碼作爲:

<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script> 
<script type="text/javascript"> 
$.noConflict(); 
jQuery(document).ready(function($) { 
    jQuery(window).load(function($) { 
     jQuery('.flexslider').flexslider({ 
      animation: "fade", 
      animationLoop: true, 

     }); 
    }); 
}); 
</script> 

這再次工作時完美無瑕,當添加到主代碼不包含任何jQuery腳本。

1.TypeError:但是當加入到具有已運行一個jQuery的一個,它如上所述再次SHOS相同的兩個錯誤$不是一個函數

getPreventDefault的2,採用()的支持。改爲使用defaultPrevented。

解決方法是什麼?

+1

您的意思是_JavaScript_,而不是Java。請注意,儘管名稱相似,但它們是兩種不相關的語言。 –

回答

0

我不知道準確的,但它可能工作..,如果你使用的是像AJAX任何其他腳本,等會發生衝突......,添加此

var jq = $.noConflict(); 
    jq(document).ready(function() { 
    jq(window).load(function() { 
     jq('.flexslider').flexslider({ 
      animation: "fade", 
      animationLoop: true, 

     }); 
    }); 
}); 
+0

試過但沒有任何結果。 – Chetan

+0

你不應該使用$裏面像.ready(函數($)或.load(函數($),如果你給jq instad的$ ....請檢查 – 2017-02-22 06:24:49

0

感謝suuport給予相同由你們所有,但首先祝賀我(!),問題解決了。我跟着下面的步驟和代碼已經開始運行 -

  1. 我從https轉移到HTTP(少seure平臺,不禁)
  2. 取消兩個jQuery的圖書館之一,keepping最新版本
  3. 顯然,所有以下here在這裏給出的多個腳本,我測試了他們所有人,許多人都工作。 :)
相關問題