jquery - 未捕获的类型错误 : Cannot read property 'getJSON' of undefined

Question

这个问题已经有答案了:

TypeError: 'undefined' is not a function (evaluating '$(document)') (14 个回答)

已关闭 6 年前。

我正在自定义 WordPress 主题，为什么当我尝试在搜索框的输入字段中输入内容时出现此错误，我的 html 代码是

<div class="mysearchdiv">
<input type="" name="" class="mysearch">
<ul class="skills-list" id="skills_list"></ul>
</div>

backbone.js 代码是

jQuery(document).ready(function(){
    var mymodel= Backbone.Model.extend({
        defaults:function(){
            return{
            name:''
            }
        }
    });

    var mycollection=Backbone.Collection.extend({
        model:mymodel
    });
    var mynewcollection= new mycollection();
    var myview=Backbone.View.extend({
        model:mynewcollection,
        el:'.mysearchdiv',
        events:{
            'keypress .mysearch':'search'
        },
        initialize:function(){
            console.log("init");
            var view=this;
            this.skill_list=this.$('ul.skill-list');
            view.skills={};
            this.$el.find('input.mysearch').typeahead({
                minLength:0,
                items:10,
                source: function(query, process) {
                    console.log("Skill_Control typeahead source");
                    console.log(query);
                    console.log(process);
                    console.log(ae_globals.ajaxURL);
                    if (view.skills.length > 0) return view.skills;
//getting error at this point
//where ae_globals.ajaxURL is ajax url in wp
                    return $.getJSON(ae_globals.ajaxURL, {
                        action: 'fre_get_user_skills',
                        query: query
                    }, function(data) {

                        view.skills = data;
                        return process(data);
                    }
                    );
                },
                updater:function(item){
                    console.log("updater");
                }
            });

        },

        search:function(){
            console.log("search");
        }

    });
    new myview;
    console.log("starting");
});

相同类型的代码在其他主题中适用于我，但现在我完全陷入了这一点。任何帮助将不胜感激。提前致谢。

Answer 1

这是 WordPress 环境的常见问题。 $ 不在全局范围内。要么这样做:

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

或者使用:

jQuery.getJSON(...