$ ("# hộp thoại"). Parent(). AppendTo ($ ("form: first"));

Question

Tôi đang mở một vài hộp thoại jQuery trên trang của tôi và tôi đã sử dụng:

$("#dialog2").parent().appendTo($("form:first")); //This was working, no problem. 

tôi nhận thấy khi tôi áp dụng nó một lần nữa để dialog3 nó đã ngừng dòng đó từ làm việc trên hộp thoại 2. Làm thế nào điều này có thể được sử dụng cho các hộp thoại khác nhau?

$("#dialog2").dialog({ 
    bgiframe: false, 
    autoOpen: false, 
    height: 410, 
    width: 800, 
    modal: true, 
    draggable: true, 
    resizable: true 
}); 

$("#dialog2").parent().appendTo($("form:first")); //doesn't work now 

$("#dialog3").dialog({ 
    bgiframe: false, 
    autoOpen: false, 
    height: 410, 
    width: 600, 
    modal: true, 
    draggable: true, 
    resizable: true 
}); 

$("#dialog3").parent().appendTo($("form:first")); 

HTML:

<div id="dialog3" title="Attachments"> 
    <p id="P1"> 
     <asp:Button ID="btnAttach" runat="server" Text="Attach files" class="float-left ui-button"/></p> 
    <fieldset> 

    </fieldset> 
</div> 


<div id="dialog2" title="Notes"> 
    <asp:Image ID="Image1" runat="server" ImageUrl="~/images/icons/user_comment.png" /> 
    <asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="Larger" Text="Notes"></asp:Label> 
    <br /> 
    &nbsp; 
    <div style="overflow: auto; height: 310px; width: 780px;"> 
     <fieldset> 
      <br /> 
      <asp:TextBox ID="txtNote" runat="server" CssClass="notetext" Width="740px" Rows="6" 
       TextMode="MultiLine" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" /> 
      <br /> 
      &nbsp; 
      <div style="width: 743px"> 
       <asp:Button ID="btnNoteSave" runat="server" Text="Save" class="float-right ui-button" /> 
      </div> 
     </fieldset> 
    </div> 

Answer 1

Better one-

$('#dialog2').dialog({ 
     open:function(){{ 
     $(this).parent().appendTo($("form:first")); 
     }} 
}); 

$('#dialog3').dialog({ 
     open:function(){{ 
     $(this).parent().appendTo($("form:first")); 
    }} 
}); 

Answer 2

Ok, bây giờ tôi dường như có cả hai nút làm việc ví dụ: đi qua mã đằng sau cả hai nút. Tôi đặt "appendTo" gọi trong các chức năng mở các hộp thoại ...

 $('#edit-notes').click(function() { 
      $('#dialog2').dialog('open'); 
      $("#dialog2").parent().appendTo($("form:first")) 
      return false; 
     }); 

     $('#attachments').click(function() { 
      $('#dialog3').dialog('open'); 
      $("#dialog3").parent().appendTo($("form:first")) 
      return false; 
     });