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