試圖用一個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>
驗證jQuery使用瀏覽器調試工具或提琴手加載。 – Gabe
這意味着jQuery庫加載不正確。檢查你的路徑,或者甚至更好,使用像這樣的東西:'' – Pevara
做Gabe建議,這可能是你的腳本src應該相對於網站的根目錄。 –