如何捕获特定 jQuery Mobile 页面上的滚动事件?
Page
<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');
});
滚动事件没有被捕获。我怎样才能捕捉到它?
如果我输入“窗口”而不是“#pg_remote-address-book”,那么它就可以工作。但我想捕获特定页面上的滚动事件。你能帮我解决这个问题吗?
听scrollstart
or 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 http://jsfiddle.net/Palestinian/YVfYN/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)