Question

I am creating an app using jQuery Mobile and PhoneGap.

I “delegate” a button on “tap” to perform some heavy processing and display a loading spinner. If users continue to tap on my app, the taps get queued up and fall through to be processed by the app after the heavy processing completes – and end up clicking on unwanted stuff.

How can I prevent this?

(From what I understand, stopImmediatePropagation doesn’t help as these are new user events.)

Thanks

Answer 1

So it took me a while to figure it out… you have to return FALSE from the delegate function for parent elements to ignore the event. The return false line below fixes my issue:

$(document).delegate("#finish", "tap", onFinish);

var onFinish = function() {
    $.mobile.loadingMessage = "Finishing...";
    $.mobile.showPageLoadingMsg();

    setTimeout(function(){  
        HEAVYPROCESSING();
        $.mobile.changePage($("#choosearticle"));
        }, 50);

    return false; // important - stops the two click fall through problem!
}