$不是函数-jQuery错误

2020/12/01 00:22 · jquery ·  · 0评论

我已经很好地加载了jQuery,经过了四重检查,尽管我在FireBug中遇到此错误“ $不是函数”,并且我的代码无法正常工作。

这是我的代码:

<script type="text/javascript">
    $("ol li:nth-child(1)").addClass('olli1');
    $("ol li:nth-child(2)").addClass("olli2");
    $("ol li:nth-child(3)").addClass("olli3");
    $("ol li:nth-child(4)").addClass("olli4");
    $("ol li:nth-child(5)").addClass("olli5");
    $("ol li:nth-child(6)").addClass("olli6");
    $("ol li:nth-child(7)").addClass("olli7");
    $("ol li:nth-child(8)").addClass("olli8");
    $("ol li:nth-child(9)").addClass("olli9");
    $("ol li:nth-child(10)").addClass("olli10");
    $("ol li:nth-child(11)").addClass("olli11");
    $("ol li:nth-child(12)").addClass("olli12");
    $("ol li:nth-child(13)").addClass("olli13");
    $("ol li:nth-child(14)").addClass("olli14");
    $("ol li:nth-child(15)").addClass("olli15");
    $("ol li:nth-child(16)").addClass("olli16");
    $("ol li:nth-child(17)").addClass("olli17");
    $("ol li:nth-child(18)").addClass("olli18");
    $("ol li:nth-child(19)").addClass("olli19");
    $("ol li:nth-child(20)").addClass("olli20"); 
</script>

在WordpressjQuery.noConflict()中,它在包含的jQuery文件上调用(滚动到包含该文件的底部,以便jQuery可以看到此内容),这意味着$不起作用,但是jQuery可以,因此您的代码应如下所示:

<script type="text/javascript">
  jQuery(function($) {
    for(var i=0; i <= 20; i++) 
      $("ol li:nth-child(" + i + ")").addClass('olli' + i);
  });
</script>

确实很难讲,但是页面上的9001广告之一可能正在破坏$对象。

jQuery提供全局jQuery对象(这目前在页面上)。您可以执行以下操作来“找回” $

jQuery(document).ready(function ($) {
    // Your code here
});

如果您认为自己遇到jQuery问题,请使用该库的调试(非生产)版本。

另外,最好不要编辑这样的实时网站...

<script type="text/javascript">
    $("ol li:nth-child(1)").addClass('olli1');
    $("ol li:nth-child(2)").addClass("olli2");
    $("ol li:nth-child(3)").addClass("olli3");
    $("ol li:nth-child(4)").addClass("olli4");
    $("ol li:nth-child(5)").addClass("olli5");
    $("ol li:nth-child(6)").addClass("olli6");
    $("ol li:nth-child(7)").addClass("olli7");
    $("ol li:nth-child(8)").addClass("olli8");
    $("ol li:nth-child(9)").addClass("olli9");
    $("ol li:nth-child(10)").addClass("olli10");
    $("ol li:nth-child(11)").addClass("olli11");
    $("ol li:nth-child(12)").addClass("olli12");
    $("ol li:nth-child(13)").addClass("olli13");
    $("ol li:nth-child(14)").addClass("olli14");
    $("ol li:nth-child(15)").addClass("olli15");
    $("ol li:nth-child(16)").addClass("olli16");
    $("ol li:nth-child(17)").addClass("olli17");
    $("ol li:nth-child(18)").addClass("olli18");
    $("ol li:nth-child(19)").addClass("olli19");
    $("ol li:nth-child(20)").addClass("olli20"); 
</script>

改成

    <script type="text/javascript">
        jQuery(document).ready(function ($) {
        $("ol li:nth-child(1)").addClass('olli1');
        $("ol li:nth-child(2)").addClass("olli2");
        $("ol li:nth-child(3)").addClass("olli3");
        $("ol li:nth-child(4)").addClass("olli4");
        $("ol li:nth-child(5)").addClass("olli5");
        $("ol li:nth-child(6)").addClass("olli6");
        $("ol li:nth-child(7)").addClass("olli7");
        $("ol li:nth-child(8)").addClass("olli8");
        $("ol li:nth-child(9)").addClass("olli9");
        $("ol li:nth-child(10)").addClass("olli10");
        $("ol li:nth-child(11)").addClass("olli11");
        $("ol li:nth-child(12)").addClass("olli12");
        $("ol li:nth-child(13)").addClass("olli13");
        $("ol li:nth-child(14)").addClass("olli14");
        $("ol li:nth-child(15)").addClass("olli15");
        $("ol li:nth-child(16)").addClass("olli16");
        $("ol li:nth-child(17)").addClass("olli17");
        $("ol li:nth-child(18)").addClass("olli18");
        $("ol li:nth-child(19)").addClass("olli19");
        $("ol li:nth-child(20)").addClass("olli20"); 
     });
    </script>

就我而言,我在打字稿文件上使用了jQuery:

import * as $ from "jquery";

但是这行代码给了我一个Object $,它不允许用作函数(我不能使用$('my-selector'))。它可以解决我的问题,希望能对其他人有所帮助:

import * as JQuery from "jquery";
const $ = JQuery.default;

正如RPM1984所指,这很可能是由于在加载jQuery之前先加载脚本而导致的。

根据情况有很多答案。

1)尝试更换“$”“jQuery的”

2)检查您执行的代码始终在主jquery脚本下方。

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){

});
</script>

3)将$传递给函数,并添加“ jQuery”作为主要函数,如下所示。

<script type="text/javascript">
jQuery(document).ready(function($){

});
</script>

当您忘记在页面中包含jQuery库或库之间存在冲突时(例如,您正在使用页面上的任何其他JavaScript库),就会出现该错误。

看看这个以获得更多信息:

当不存在jQuery时,您得到的$ is undefined不是消息。

您是否检查过代码之前某处是否没有名为$的变量?

检查萤火虫中$的值以了解其含义。

有点不可能,但我无法抗拒为您的课程分配写一个较短的代码:

    var i = 1;
    $("ol li").each(function(){
        $(this).addClass('olli' + i++);
    });

将jQuery用于$。我努力工作。

该错误有两个可能的原因:

  1. 您的jquery脚本文件引用无效
  2. 尝试将jquery代码放入document.ready中,如下所示:

    $(document).ready(function(){

    ...您的代码...

    });

干杯

本文地址:http://jquery.askforanswer.com/bushihanshu-jquerycuowu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!