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