特定のjQuery Mobileページでスクロールイベントをキャプチャする

Question

特定のjQuery Mobileページでスクロールイベントをキャプチャするにはどうすればよいですか？

ページpagebeforecreateで

<div id='pg_remote-address-book' data-role='page'> 
    <div data-role='content' id='pg_remote-address-book_content'> 
    <ul data-role='listview' id='ul_address_list'> 
    </ul> 
    </div> 
</div> 

、動的順不同リスト内の項目を読み込む

は

for (var i = 0; i < 100; i++) { 
    $("#ul_address_list").append("<li>"+i+"</li>"); 
} 

キャプチャスクロールが

$('#pg_remote-address-book').scroll(function() { 
    console.log('scrolled'); 
}); 

スクロールイベントがあります捕らえられないどのように私はそれをキャプチャできますか？

'＃pg_remote-address-book'の代わりに 'window'を入力すると動作しています。しかし、私は特定のページでスクロールイベントをキャプチャしたい。これで私を助けてもらえますか？

Answer 1

イベントをバインドするには、scrollstartイベントまたはscrollstopイベントをリッスンし、.onイベントをバインドします。

$(document).on("scrollstart", function (e) { 
    var active = $.mobile.activePage[0].id; 
    if (active == "pg_remote-address-book") { 
    // Do something 
    } else { 
    // Do something else 
    } 
}); 

Demo