。$（＆QUOT;＃对话＆QUOT;）父（）appendTo（$（＆QUOT;形式：第一＆QUOT;））; [英] $("#dialog").parent().appendTo($("form:first"));

问题描述

我在我的网页上开设了几个jQuery的对话框和我所用：

  $（＃dialog2）父（）appendTo（$（形式：一是））; //这是工作，没有问题。
 

当我再次将其应用于dialog3从对话框2.工作这怎么能用于不同的对话框已停止该行我注意到？

  $（＃dialog2）。对话框（{
    bgiframe：假的，
    的AutoOpen：假的，
    身高：410
    宽度：800，
    模式：真实，
    拖动：真实，
    可调整大小：真
}）;。$（＃dialog2）父（）appendTo（$（形式：一是））; //现在无法正常工作$（＃dialog3）。对话框（{
    bgiframe：假的，
    的AutoOpen：假的，
    身高：410
    宽度：600，
    模式：真实，
    拖动：真实，
    可调整大小：真
}）;。$（＃dialog3）父（）appendTo（$（形式：一是））;
 

HTML

 ＆LT; D​​IV ID =dialog3称号=附件＆GT;
    ＆LT; p n =P1＆GT;
        ＆LT; ASP：按钮的ID =btnAttach=服务器文本=附加文件级=浮动左UI按钮/＆GT;＆LT; / P＆GT;
    ＆LT;＆字段集GT;    ＆LT; /字段集＆GT;
＆LT; / DIV＆GT;
＆LT; D​​IV ID =dialog2称号=注意事项＆GT;
    ＆LT; ASP：图片ID =Image1的=服务器的ImageUrl =〜/图片/图标/ user_comment.png/＆GT;
    ＆LT; ASP：标签ID =Label1的=服务器FONT-粗体=真FONT-SIZE =较大文本=注意事项＆GT;＆LT; / ASP：标签＆gt;
    ＆LT; BR /＆GT;
    ＆安培; NBSP;
    ＆LT; D​​IV的风格=溢出：汽车;高度：310px;宽度：780px;＆GT;
        ＆LT;＆字段集GT;
            ＆LT; BR /＆GT;
            ＆LT; ASP：文本框ID =txtNote=服务器的CssClass =notetextWIDTH =740px行=6
                的TextMode =多行BORDERCOLOR =＃CCCCCC边框=实边框宽度=1px的/＆GT;
            ＆LT; BR /＆GT;
            ＆安培; NBSP;
            ＆LT; D​​IV的风格=WIDTH：743px＆GT;
                ＆LT; ASP：按钮的ID =btnN​​oteSave=​​服务器文本=保存级=飘右UI按钮/＆GT;
            ＆LT; / DIV＆GT;
        ＆LT; /字段集＆GT;
    ＆LT; / DIV＆GT;
 

解决方案

宁可一人 -

  $（'＃dialog2'）。对话框（{
      开：功能（）{{
         $（本）.parent（）appendTo（$（形式：一是））;
      }}
}）;$（'＃dialog3'）。对话框（{
      开：功能（）{{
         $（本）.parent（）appendTo（$（形式：一是））;
     }}
}）;
 

I'm opening a few jQuery dialogs on my page and I was using:

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

I noticed when I applied it again to dialog3 it has stopped that line from working on dialog 2. How can this be used for different dialogs?

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

解决方案

Better one-

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

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

这篇关于。$（＆QUOT;＃对话＆QUOT;）父（）appendTo（$（＆QUOT;形式：第一＆QUOT;））;的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！