JQuery对话框可以打开另一个JQuery对话框吗？

我想打开一个部分视图作为一个JQuery对话框，当我点击一个链接打开另一个Jquery对话框时，这个对话框就已经打开了。JQuery对话框可以打开另一个JQuery对话框吗？

我可以这样做吗？如果可能的话，我该怎么做到呢？

编辑1：

首先查看

@model AuctionWebProject.Areas.Admin.Models.CategoryModel 
@{ 
    ViewBag.Title = "Edit Category"; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
<!DOCTYPE html> 
<html> 
<head> 
    <title>EditCategory</title> 
</head> 
<body> 
    <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.min.js")" type="text/javascript"></script> 
    <script type="text/javascript"> 
     function ShowXsdEditor() { 
      $("#xsdEditor").dialog("open"); 
     } 
    </script> 
    @using (Html.BeginForm()) 
    { 
     @Html.ValidationSummary(true) 
     <fieldset> 
      <legend>CategoryModel</legend> 
      @Html.HiddenFor(model => model.Id) 
      <div class="editor-label"> 
       @Html.LabelFor(model => model.Name) 
      </div> 
      <div class="editor-field"> 
       @Html.EditorFor(model => model.Name) 
       @Html.ValidationMessageFor(model => model.Name) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(model => model.Date) 
      </div> 
      <div class="editor-field"> 
       @Html.EditorFor(model => model.Date) 
       @Html.ValidationMessageFor(model => model.Date) 
      </div> 
      <div class="editor-label"> 
       @Html.LabelFor(model => model.Xsd) 
      </div> 
      <div class="editor-field"> 
       @Html.TextAreaFor(model => model.Xsd, new { disabled = "disabled" }) 
       @Html.ValidationMessageFor(model => model.Xsd) 
       <a href="javascript:void(0)" onclick="ShowXsdEditor();">Xsd Editor</a> 
      </div> 
      <p> 
       <input type="submit" value="Save" /> 
      </p> 
     </fieldset> 
    } 
    <div> 
     @Html.ActionLink("Back to List", "Index") 
    </div> 
    @Html.Partial("XsdEditor", Model) 
</body> 
</html>

第二种观点

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"> </script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<div id="xsdEditor" style="display: none;"> 
    <a href="javascript:void(0)" onclick="ShowDialog();">Add new element</a> 
    <div id="elementList"> 
    </div> 
</div> 
@Html.Partial("AddXSElement", new AuctionWebProject.Areas.Admin.Models.XSElementModel()) 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#xsdEditor").dialog({ 
      autoOpen: false, width: 400, height: 330, modal: true, title:'XSD Editor' 
     }); 
    }); 

    function ShowDialog() { 
     debugger; 
     $("#addXSElement").dialog("open"); 
    } 
</script>

使用jQuery 1.6.2 v和jQuery UI的1.8.12

来源

2011-12-27 radu florescu

你问之前试过吗？你只需调用'$（'＃otherDialog'）。dialog（'open'）'，新的对话框就会出现在第一个对话框上。 – 2011-12-27 17:02:59

我做了，没有任何反应 – 2011-12-27 17:04:37

对我来说很好：http://jsfiddle.net/MZAtp/。向我们显示您的代码，我们可以尝试提供帮助。 – 2011-12-27 17:09:37

发现问题，看起来准备好的文档中的JQuery函数没有正常工作。重新排序java脚本对话框后，问题消失。

来源

2011-12-28 16:39:50

据the fiddle我已经创建，它将显示没有问题。

来源

2011-12-27 17:08:55 Usman

是的，它的工作原理，但与我的代码它不 – 2011-12-27 17:48:25

然后你做错了什么，在这种情况下，这应该被转移到另一个问题。 – 2011-12-28 16:45:44

JQuery对话框可以打开另一个JQuery对话框吗？

回答

相关问题