JS Jquery命名空間調用函數

Question

好的標題很糟糕，但我想不出另一個描述。

我有以下代碼：

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

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

如您所見，我正在嘗試從init內調用anotherFunction，並有兩種嘗試的方法，但是沒有用。 那么我該如何調用該函數，或者我的概念有誤？

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

單擊處理程序內調用絕對是變化的東西，因為this任何jQuery的事件處理中被設定為導致該事件的元素。

相反，請嘗試使用以下模式：

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();
});​