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>

내가 the fiddle I에 따르면, JQuery와 V 1.6.2 및 UI를 jQuery 1.8.12

출처

2011-12-27 radu florescu

물어보기 전에 시도 했습니까? $ ('# otherDialog'). dialog ('open')'을 호출하면 새로운 대화 상자가 첫 번째 대화 상자 위에 나타납니다. –

아무 일도 없었습니다. –

저에게 잘 작동합니다 : http://jsfiddle.net/MZAtp/. 코드를 보여 주면 도와 드리겠습니다. –

문서를 준비한 JQuery 기능이 문제가있는 것 같습니다. 대화 상자 자바 스크립트를 재정렬 한 후 문제가 사라졌습니다.

출처

2011-12-28 16:39:50

를 사용 만들었습니다, 아무 문제없이 나타날 것입니다.

출처

2011-12-27 17:08:55 Usman

예, 작동하지만 내 코드에서는 그렇지 않습니다. –

그러면 잘못된 결과가 발생합니다.이 경우 다른 질문으로 이동해야합니다. –

JQuery 대화 상자에서 다른 Jquery 대화 상자를 열 수 있습니까?

답변

관련 문제