【问题标题】:wordpress + jquery syntax errorwordpress + jquery 语法错误
【发布时间】:2012-09-09 21:00:28
【问题描述】:

我在这里得到了这个代码......

<script type="text/javascript">
    $('document').ready(function() {
        alert($('.thickbox'));
    });
</script>

我把这段代码放在我的 wordpress 主题 footer.php 文件的底部。当我转到我的页面时,警报没有出现,我检查了我的错误控制台并发现了这个错误

TypeError: $ is not a function  

$('document').ready(function() {

什么给了?我的 jquery 文件在标题中,所以这应该可以工作...或者是否有特定的方法可以将 jquery 放入 wordpress?

【问题讨论】:

  • 如果你在 那行脚本之后包含 jQuery,它将无法工作,因为脚本标签是内联处理的。
  • 不,我先包含 jQuery,然后那行代码应该可以工作
  • 啊,伙计,有人在这里放了一个链接,我正要点击它然后bam消失了:(
  • 啊,在那种情况下,这可能是 JKirchartz 建议的......

标签: jquery wordpress syntax syntax-error


【解决方案1】:

Wordpress 打包的 jQuery 默认为noConflict 模式,使用jQuery('document'),或者像这样包装你的代码

(function($) { 
    // Code that uses jQuery's $ can follow here.
})(jQuery);

或在您的文档中像这样准备好:

jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
});

【讨论】:

  • 感谢 JKirchartz...它起作用了,但您在顶部有一个额外的 (
【解决方案2】:

'$' 只是 'jQuery' 的别名。如果$('document') 不起作用,请尝试jQuery('document')

【讨论】:

    【解决方案3】:

    用 jQuery 代替 $

    jQuery('document').ready(function($){
        alert($('.thickbox'));
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-03-03
      • 1970-01-01
      • 2017-08-05
      • 2016-07-12
      • 2013-05-19
      • 2013-05-23
      • 2010-12-22
      • 2015-05-07
      相关资源
      最近更新 更多