jquery/jquery移動插件 - 部件 - 調用私人方法不起作用

Question

我想從我的插件中調用私有方法_scrollMe，但我不斷收到一個錯誤，它不是一個函數。

有人可以告訴我我做錯了什麼嗎？謝謝！

 
    (function($, window, undefined){ 
     $.widget("mobile.multiview", $.mobile.widget, {   
     _create: function() { 
      this._morph(); 
      }, 
     _morph: function() { 
      $('div[data-role="page"]').live('pagebeforeshow.scroll', function(event){ 
       var $page = $(this); 
       if ($page.data('scrollable', 'Off')) { 
        $page._scrollMe(); // this doesn't fire 
        } 
      }); 
      }, 
     _scrollMe: function() { 
      alert ("scrollMe"); 
      } 
    }); 

// initialize 
$(document).bind("pagecreate", function() { 
     $(document).multiview(); 
     }); 

})(jQuery,window); 

Answer 1

你試圖訪問使用了錯誤的語法私有方法 - 使用$page.method試圖調用它作爲一個公共方法。

將其更改爲this._scrollMe應該有效。

Answer 2

我不認爲'這'是你期望它在那個事件回調。

嘗試移動函數外部的$ page變量。

var $page = $(this); 
$('div[data-role="page"]').live('pagebeforeshow.scroll', function(event){ 

，也許這個代替：

var $page = this; 

// //編輯

_morph: function() { 
    var page = this; 
    $('div[data-role="page"]').live('pagebeforeshow.scroll', function(event) { 
     if($page.data('scrollable', 'Off')) { 
      $page._scrollMe(); // this doesn't fire 
     } 
    }); 
},