Search code examples
androidjqueryfacebookjquery-mobilejquery-chaining

Chaining dialogs in jQuery mobile: second dialog disappears in Android


I am developing a Facebook app with jQuery mobile, where I create a dialog that creates a second dialog (chaining).

The issue is that with Android and Opera, that second dialog is displayed for a second, and disappears.

Is there a way to avoid this behaviour? Otherwise, how can I destroy the first dialog without destroying the second one?

CODE:

function function1(item) {        
       showDialog(..., function(){
               ...
               if (appInstalled == true) {                        
                       if(function2(item) == true) { 
                               //call to alert dialog function2
                       }
               } 
       });
}

function function2(item) {
       if (...) {
               showAlertDialog(item.name, messages.MATCH_CONFIRMATION_MSG, item.picture.data.url, '#friendsPage');
               $('#dialog').dialog('close');
               $('#alertDialogTrickLink').click();//this is event for going to dialog 
       } 

}

function showDialog(title, content, img, hrefURL, hrefURLcancel, callbackFunction) {
       $('#dialog-content').html(content);
       $('#dialogHeader').text(title);
       if (img != null) {
               $('#dialog-img').html('<img src="' + img +'" alt="" class="bigImg" />');
       } else {
               $('#dialog-img').html('');
       }
       var a = messages.ACCEPT_BUTTON_TEXT;
       var c = messages.CANCEL_BUTTON_TEXT;
       $('#dialogActions').html(
               '<a href="' + hrefURL + '" data-role="button" data-theme="c" id="confirmDialogAction" data-icon="check" data-iconpos="left">' + a + '</a>' +       
               '<a href="' + hrefURLcancel + '" data-role="button" id="skipDialogAction" data-icon="delete" data-iconpos="left">' + c + '</a>'
       );
       $('#confirmDialogAction').click(function(e) {
               e.preventDefault();
               callbackFunction();
       });
       $('#dialog').trigger('create');
}

Thanks a mill


Solution

  • Have you tried the setTimeout approach described here Note: Chaining of popups not allowed