Por favor, vea la imagen adjunta
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.
ACTUALIZACIÓN: acaba de darse cuenta de que está utilizando el complemento simpledialog y no el diálogo nativo de jQM.
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" }); } });
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
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