Question

尝试使用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>

Answer 1

这通常意味着您必须在顶部导入jquery，如下所示：

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

修改：以下是更新版本的链接。我相信此页面将始终更新为最新版本的jQuery，而我的上述答案不会：HERE

Answer 2

检查脚本源路径。它可能没有加载。

如果它位于网站的根目录，请使用：

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

Answer 3

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

'$'是未定义的错误

3 个答案: