Mostrar el diálogo simple de raw jquery mobile sobre otro diálogo simple de raw jquery mobile

Por favor, vea la imagen adjunta

introduzca la descripción de la imagen aquí

En mi página tengo el icono de inicio. Cuando haga clic en “Inicio”, mostraré un cuadro de diálogo con jQuery mobile. Logré esto con éxito. Utilicé el modo html sin formato simple dislog ( http://dev.jtsage.com/jQM-SimpleDialog/demos/blank.html )

Cuando el usuario hace clic en el botón Aceptar en el cuadro de diálogo simple sin seleccionar ninguna checkbox, quiero mostrar el cuadro de diálogo de advertencia a través del cuadro de diálogo simple de jquery mobile como el siguiente

Quiero mostrar este diálogo sobre el diálogo de selección de clientes. Cómo puedo conseguir esto.

Intenté crear el ejemplo jsfiddle pero el diseño es un poco difícil de crear.

Cuando aparece el cuadro de diálogo de advertencia, desaparece el cuadro de diálogo del cliente Por favor, dar cualquier sugerencia.

introduzca la descripción de la imagen aquí

ACTUALIZACIÓN: acaba de darse cuenta de que está utilizando el complemento simpledialog y no el diálogo nativo de jQM.

Utilizando SimpleDialog2

ForSimpleDialog2 ve este violín que he creado.

En la página principal de jQM hay un enlace para iniciar el cuadro de diálogo de checkbox que se incluye en el marcado HTML como contenido en línea:

 $(document).delegate('#inliner', 'click', function() { $('#inlinecontent').simpledialog2({themeDialog: 'c'}); }); Open dialog  

Cuando hace clic en el botón Cerrar diálogo, usa el código de Omar para verificar si las casillas de verificación están marcadas. Si lo son, simplemente cierra el diálogo y regresa a la página principal. Si no se marca ninguno, se abre un diálogo de error:

 $(document).delegate('#dialogSubmit', 'click', function() { var numChecked = $('#cBoxes').find('[type=checkbox]:checked').length; if (numChecked > 0){ $(document).trigger('simpledialog', {'method':'close'}); } else { $('
').simpledialog2({ mode: 'blank', headerText: 'Warning', headerClose: true, themeDialog: 'e', blankContent : "

Please select at least one checkbox first.

"+ // NOTE: the use of rel="close" causes this button to close the dialog. "OK
" }); } });

Para lograr lo mismo con el diálogo nativo de jQM:

He creado un violín que muestra diálogos encadenados de acuerdo con mi comprensión de su problema.

Básicamente, desde la primera página haces clic en un botón de enlace:

 Open dialog 

para iniciar un diálogo. Este diálogo incluye 3 casillas de verificación y un botón ‘enviar’:

 

Dialog Header

My CheckBoxes:
Close Dialog

Cuando hace clic en ‘#dialogSubmit’, usa el código de Omar para verificar si alguna casilla está marcada. Si lo son, simplemente cierra el diálogo y regresa a la página principal. Si no se marca ninguno, se abre un cuadro de diálogo de error.

 $('#dialogSubmit').on("click", function(){ var numChecked = $('#cBoxes').find('[type=checkbox]:checked').length; if (numChecked > 0){ $("#foo").dialog( "close" ); } else { $.mobile.changePage( "#error", { role: "dialog" } ); } }); 

El diálogo de error simplemente tiene un botón de cierre con data-rel = “back”, de modo que al hacer clic en él vuelva al diálogo anterior, lo que le permite seleccionar una checkbox.

 

Dialog Error

Please select at least one checkbox first.

OK