jQuery Mobile無法響應或不觸發HTML5 iPhone應用程序上的水龍頭（Safari）

Question

我們正在使用jQuery Mobile處理iPhone HTML5 Web應用程序的手勢和觸摸事件。 不幸的是，幾次輕按后它似乎不起作用。 我們使用的是最新的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' );
});

Answer 1

將事件綁定到元素時，元素應出現在DOM中。 甚至復制/克隆的元素也被認為是動態的，並且將事件綁定到它們的方式

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

或者這樣

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