在另一个原始jquery移动简单对话框上方显示原始jquery移动简单对话框

请参阅附图

在我的页面中，我有主页图标。 当我点击“Home”时，我将通过jQuery mobile简单对话框显示一个对话框。 我成功实现了这一目标 我使用原始html模式简单的dislog（ http://dev.jtsage.com/jQM-SimpleDialog/demos/blank.html ）

当用户在简单对话框中单击确定按钮而没有选中任何复选框时，我想通过jquery移动简单对话框显示警告对话框，如下所示

我想在选择客户对话框上方显示此对话框。 我怎样才能做到这一点。

我试图创建jsfiddle示例，但设计有点难以创建。

当警告对话框出现时，选择客户对话框消失。 请给出任何建议。

Answer 1

更新：刚刚意识到您正在使用simpledialog插件而不是本机jQM对话框。

使用SimpleDialog2

ForSimpleDialog2看到我创建的这个小提琴 。

在主jQM页面中，有一个用于启动复选框对话框的链接，该对话框包含在HTML标记中作为内联内容：

 $(document).delegate('#inliner', 'click', function() { $('#inlinecontent').simpledialog2({themeDialog: 'c'}); }); Open dialog 
 
 
 
My CheckBoxes:
  One  Two  Three 
 Close Dialog 
  

单击“关闭对话框”按钮时，它使用Omar的代码检查是否选中了任何复选框。 如果是，则只关闭返回主页面的对话框。 如果没有选中，则会启动错误对话框：

 $(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
" }); } }); 

要使用本机jQM对话框完成相同的操作：

根据我对你的问题的理解，我创建了一个演示链式对话框的小提琴 。

基本上，从第一页单击一个链接按钮：

 Open dialog 

发起一个对话框。 该对话框包括3个复选框和一个“提交”按钮：

 
 
 
Dialog Header
 
 
 
 
My CheckBoxes:
  One  Two  Three 
 Close Dialog 
  

当您单击“#dialogSubmit”时，它会使用Omar的代码来检查是否选中了任何复选框。 如果是，则只关闭返回主页面的对话框。 如果未选中任何选项，则会启动错误对话框。

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

错误对话框只有一个关闭按钮，data-rel =“back”，以便单击它返回上一个对话框，允许您选择一个复选框。

 
 
 
Dialog Error
 
 
 
Please select at least one checkbox first.
 OK