2013-05-30 62 views
-1

試圖用一個jQuery插件,它不工作,但此錯誤

「$」是未定義

不斷彈出。我對JavaScript和jQuery非常陌生,所以請儘可能簡單

<script type="text/javascript" src="wpscripts/jquery-1.4.1.min.js"></script> 
<!--[if IE 6]> 
<script src="thumb-images/DD_belatedPNG_0.0.8a-min.js"></script> 
<script>DD_belatedPNG.fix('#preview_inner div a');</script> 
<![endif]--> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     var outer = $("#preview_outer"); 
     var arrow = $("#arrow"); 
     var thumbs = $("#thumbs span"); 
     var preview_pos; 
     var preview_els = $("#preview_inner div"); 
     var image_width = preview_els.eq(0).width(); 
     thumbs.click(function() { 
      preview_pos = preview_els.eq(thumbs.index(this)).position(); 
      outer.stop().animate({ 'scrollLeft': preview_pos.left }, 500); 
      arrow.stop().animate({ 'left': $(this).position().left }, 500); 
     }); 
     arrow.css({ 'left': thumbs.eq(0).position().left }).show(); 
     outer.animate({ 'scrollLeft': 0 }, 0); 
     $("#preview_inner").css('width', preview_els.length * image_width); 
    }); 
</script> 
+2

驗證jQuery使用瀏覽器調試工具或提琴手加載。 – Gabe

+2

這意味着jQuery庫加載不正確。檢查你的路徑,或者甚至更好,使用像這樣的東西:'' – Pevara

+0

做Gabe建議,這可能是你的腳本src應該相對於網站的根目錄。 –

回答

0

檢查腳本源代碼路徑。它可能不會在加載

如果它在一個網站使用的根:

<script type="text/javascript" src="/wpscripts/jquery-1.4.1.min.js"></script> 

我看你也標記ASP.NET,所以如果它在一個控制或地方,可以針對不同每個頁面加載,然後使用下面的.Net找出實際的相對路徑。

<script type="text/javascript" src="<%= ResolveClientUrl("~/wpscripts/jquery-1.4.1.min.js") %>"></script> 
0

我看你使用的是WordPress。 您經常無法使用相對路徑定義鏈接。 嘗試使用php函數「get_theme_root();」拿到主題的根,並從那裏

2

導航這通常意味着你必須在這樣的頂級進口的jQuery:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

編輯:這裏是鏈接的更新版本。我相信這個頁面會一直更新到jQuery的最新版本,而我的上面的答案不會:HERE