jQuery Mobile 不响应或不触发点击 HTML5 iPhone 应用程序 (Safari)

Question

我们使用 jQuery Mobile 来处理 iPhone HTML5 网络应用程序的手势和触摸事件。不幸的是，点击几下后它似乎不起作用。我们使用最新的稳定版 JQM 1.3.2 以及 jQuery 1.10.1。

重现:

1) 访问www.tekiki.com在 iPhone 上或在桌面上访问 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' );
});

Answer 1

当将事件绑定(bind)到元素时，元素应该出现在 DOM 中。甚至复制/克隆的元素也被认为是动态的，以及将事件绑定(bind)到它们的方式

$(document).on('event', '.dynamic', function () {
 // code
});

或者这样

$('.static_parent').on('event', '.dynamic', function () {
 // code
});