jQuery Mobile无法响应或不触发HTML5 iPhone应用程序上的水龙头（Safari）

Question

We're using jQuery Mobile to handle gestures and touch events for a iPhone HTML5 web app. Unfortunately, it doesn't seem to work after a few taps. We're using JQM 1.3.2, the latest stable, along with jQuery 1.10.1.

To reproduce:

1) Visit www.tekiki.com on an iPhone or www.tekiki.com/dandy/dandy from a desktop.

2) Swipe left to show the category menu.

3) Tap on the Games category (not All Games ).

4) After the games render, tap on the Finance category.

At this point, taps on other categories are ignored. It doesn't seem like JQM is triggering the tap event since breakpoints in the relevant code below aren't getting hit.

Code snippet:

// 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

Elements should be present in DOM when binding events to them. Even copied / cloned elements are considered dynamic, and the way of binding events to them

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

Or this way

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