-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>
4

3 回答 3

2

这通常意味着您必须像这样在顶部导入 jquery:

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

编辑:这是更新版本的链接。我相信这个页面总是会更新到最新版本的 jQuery 而我上面的答案不会:这里

于 2013-05-30T20:20:08.447 回答
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>
于 2013-05-30T20:18:01.380 回答
0

我看到你正在使用 WordPress。您通常无法使用相对路径定义链接。尝试使用 php 函数“get_theme_root();” 获取主题根目录并从那里导航

于 2013-05-30T20:18:26.317 回答