如何捕获特定 jQuery Mobile 页面上的滚动事件?
页面
<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>
在pagebeforecreate上,动态加载无序列表中的项目
for ( var i = 0; i < 100; i++ ) {
$("#ul_address_list").append("<li>"+i+"</li>");
}
捕捉滚动
$('#pg_remote-address-book').scroll(function () {
console.log('scrolled');
});
滚动事件未被捕获。我怎样才能捕捉到它?
如果我用“window”代替“#pg_remote-address-book”,那么它就可以工作了。但我想捕获特定页面上的滚动事件。你能帮我解决这个问题吗?
最佳答案
监听scrollstart
或scrollstop
事件,使用.on
绑定(bind)事件。
$(document).on("scrollstart", function (e) {
var active = $.mobile.activePage[0].id;
if (active == "pg_remote-address-book") {
// Do something
} else {
// Do something else
}
});
关于javascript - 捕获特定 jQuery Mobile 页面上的滚动事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20275937/