2017-05-15 13 views
1

の「getJSON」私は、私は、検索ボックスの入力フィールドに入力しようとしているのに、なぜ私はこのエラーを取得しています、ワードプレスのテーマをカスタマイズしています、私のhtmlコードはキャッチされない例外TypeError:プロパティを読み取ることができません未定義

<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"); 
}); 

です。どんな助けでも感謝します。前もって感謝します。

答えて

2

これはWordPress環境でよく見られる問題です。 $はグローバルスコープにはありません。どちらかが行います。

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

または使用:

jQuery.getJSON(... 
関連する問題