jQuery Mobile没有响应或不触发HTML5 iPhone应用程序(Safari)
我们使用jQuery Mobile来处理iPhone HTML5networking应用程序的手势和触摸事件。 不幸的是,几次点击后似乎不起作用。 我们使用最新的JQM 1.3.2,以及jQuery 1.10.1。
重现:
1)通过iPhone访问www.tekiki.com或从桌面访问www.tekiki.com/dandy/dandy 。
2)向左滑动显示类别菜单。
3)点击游戏类别(不是所有游戏 )。
4)游戏渲染后,点击财经类别。
在这一点上,其他类别的水龙头将被忽略。 JQM似乎并没有触发tap事件,因为下面相关代码中的断点没有被触发。
代码片段:
// Bind what happens when user taps on category $( '#templates .category_box' ).on( 'tap', function( ev ) { // Prevent double taps ev.preventDefault(); // Set category picked history CHOSEN_CATEGORY_ID = $(this).attr('itunes_id'); // Show page p_change_page( '#category_page' ); });
将事件绑定到DOM时,元素应该存在于DOM中。 即使复制/克隆的元素也被认为是dynamic的,也是事件绑定的方式
$(document).on('event', '.dynamic', function () { // code });
或者这样
$('.static_parent').on('event', '.dynamic', function () { // code });