Asp.net $（“dialog”）.parent（）.appendTo（$（“form:first”）；

我在页面上打开了几个jQuery对话框，并使用了：

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

我注意到，当我再次将它应用于dialog3时，它已经停止了该行在Dialog2上的工作。如何将其用于不同的对话框

$("#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:

好的，我现在似乎两个按钮都在工作，即查看两个按钮后面的代码。我将“appendTo”调用放在打开对话框的函数中

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

更好的-

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

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

---

我不能复制这个-我的精简版工作正常。（我基本上删除了ASP.NET控件声明，改成了普通的html。）当你说“它停止了该行在dialog 2上的工作”时，确切的症状是什么？Firebug/Fiddler中是否出现错误？发生的情况是：两个jquery对话框都出现。如果我只是把$（“#dialog2”）.parent（）.appendTo（$（“form:first”）；然后dialog2上的按钮将单击并运行其背后的方法-太好了。如果我添加$（“#dialog3”）.parent（）.appendTo（$（“form:first”）；然后dialog3上的按钮将单击并运行它背后的方法，但是当我调用dialog2时，它的按钮将不会运行它背后的方法。我试着放：$（“#dialog3”）.parent（）.appendTo（$（（“form:second”）。。。作为猜测，但这也不起作用！

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

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