JS Jqueryネームスペース関数の呼び出し

Question

大変恐ろしいタイトルですが、別の記述は考えられませんでした。

私は、次のコードを持って：あなたは、私がINITの内側からanotherFunctionを呼び出し、そこに私が試したが、うまくいきませんでした二つの方法がありますしようとしています見ることができるように

jQuery(document).ready(function($) 
{ 
    $.myNamespace = { 
      init: function() 
      { 

      $('.button').click(function() { 
        this.anotherFunction(); 
      }); 
      }, 
      anotherFunction: function() 
      { 
       alert('insidefunction'); 
      } 
    } 
    $.myNamespace.init(); 
}); 

を。だから私はその機能をどのように呼び出すことができますか、それとも私の概念が間違っていますか？絶対にクリックハンドラ内でそれを呼び出す

Answer 1

jQuery(document).ready(function($) 
{ 
    $.myNamespace = { 
      init: function() 
      { 
      var a=this; 
      $('.button').click(function() { 
        a.anotherFunction(); 
      }); 
      }, 
      anotherFunction: function() 
      { 
       alert('insidefunction'); 
      } 
    } 
    $.myNamespace.init(); 

}); 

http://jsfiddle.net/ZpAtm/2/

Answer 2

任意のjQueryのイベントハンドラ内thisがイベントを発生させた要素に設定されているように、物事を変更します。

代わりに、次のパターンを使用してみてください：

jQuery(document).ready(function($) { 
    $.myNamespace = (function() { 
     function init() { 
      $('.button').click(function() { 
       anotherFunction(); 
      }); 
     } 

     function anotherFunction() { 
      alert('insidefunction'); 
     } 

     // return an object with all the functions you want 
     // available publically as properties. Don't include 
     // any "private" functions. 
     return { 
      init: init, 
      anotherFunction: anotherFunction 
     }; 
    })(); 
    $.myNamespace.init(); 
});​