首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >TypeError: jQuery(...).ready(...)不是函数

TypeError: jQuery(...).ready(...)不是函数
EN

Stack Overflow用户
提问于 2014-02-13 21:17:41
回答 5查看 84K关注 0票数 27

好吧,我知道以前有人问过这个问题,但似乎没有一个答案适用于我的情况。我正在尝试运行一小段jQuery (我才刚刚开始)。

代码语言:javascript
复制
jQuery(document).ready(function(){
    jQuery('.comtrig').on('click',function(){
        $(this).next().animate({'display':'inline'},1000);
    });
})();

我得到错误的TypeError: jQuery(...).ready(...) is not a function in FF或Uncaught TypeError: object is not a function in Chrome。

  • 解决方案1是将$替换为jQuery,但我显然已经这样做了,如上所述
  • 我既不在Wordpress也不在
  • 我只使用jQuery和上面的迷你脚本,没有其他JS

<代码>H112jQuery本身似乎加载正常<代码>H213<代码>F214

这里我漏掉了什么?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2014-02-13 21:21:23

尝试在文档就绪的末尾删除此();

代码语言:javascript
复制
jQuery(document).ready(function(){
  jQuery('.comtrig').on('click',function(){
    $(this).next().animate({'display':'inline'},1000);
  });
}); //<----remove the (); from here

();通常用于使用立即调用的函数表达式(IIFE),其语法如下:

代码语言:javascript
复制
(function(){
   // your stuff here
})(); //<----this invokes the function immediately.

你的错误:

在firefox = TypeError: jQuery(...).ready(...) is not a function

在chrome = Uncaught TypeError: object is not a function

因为:

您的文档就绪处理程序不是自动执行的匿名函数

票数 45
EN

Stack Overflow用户

发布于 2014-02-13 21:19:03

代码中有两个问题。

1-代码末尾的括号。

2- $(this)应该是jQuery(this)或$ inside函数。

代码语言:javascript
复制
jQuery(document).ready(function($){
    $('.comtrig').on('click',function(){
        $(this).next().animate({'display':'inline'},1000);
    });
});
票数 8
EN

Stack Overflow用户

发布于 2014-02-13 21:21:45

卸下末尾的额外括号()。保持如下代码。

代码语言:javascript
复制
jQuery(document).ready(function(){
    jQuery('.comtrig').on('click',function(){
        $(this).next().animate({'display':'inline'},1000);
    });
}); // <== remove () from here
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21755397

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档