Javascript 在jquery ui对话框中的特定div内添加按钮

Javascript 在jquery ui对话框中的特定div内添加按钮,javascript,html,jquery-ui,dialog,modal-dialog,Javascript,Html,Jquery Ui,Dialog,Modal Dialog,有没有办法将按钮添加到jquery对话框的特定部分?例如,我有一个样式,当前条件是按钮位于一个具有特定类名的div中,有没有一种方法可以使按钮位于该div中 HTML: 我一直在研究您的代码,我想我找到了解决方案: HTML: <div id="dialog-confirm" title="Header"> <div class="modal-inner2"> <div class="modal-header2"> <h1>Header&

有没有办法将按钮添加到jquery对话框的特定部分?例如,我有一个样式,当前条件是按钮位于一个具有特定类名的div中,有没有一种方法可以使按钮位于该div中

HTML:


我一直在研究您的代码,我想我找到了解决方案:

HTML:

<div id="dialog-confirm" title="Header">
 <div class="modal-inner2">
  <div class="modal-header2">
  <h1>Header</h1>
 </div>
 <div class="modal-content">

    <p>I'm text</p>

   <div class="BtnGoHere"></div>

 </div>
    $(function() {
        $( "#dialog-confirm" ).dialog({
        resizable: false,
        height: "auto",
        width: 400,
        modal: true,
        buttons: [
          {
            text: "Cancel",
            "class": "btn btn-cancel",
            click: function() {
              $( this ).dialog( "close" );
            }
          },
          {
            text: "Save",
            "class": "btn",
            click: function() {
              $( this ).dialog( "close" );
            }
          }
        ]
        });
    });

    $( ".BtnGoHere" ).append( "<input type='button' value='NewButton' />" );

标题
我在发短信

Javascript:

<div id="dialog-confirm" title="Header">
 <div class="modal-inner2">
  <div class="modal-header2">
  <h1>Header</h1>
 </div>
 <div class="modal-content">

    <p>I'm text</p>

   <div class="BtnGoHere"></div>

 </div>
    $(function() {
        $( "#dialog-confirm" ).dialog({
        resizable: false,
        height: "auto",
        width: 400,
        modal: true,
        buttons: [
          {
            text: "Cancel",
            "class": "btn btn-cancel",
            click: function() {
              $( this ).dialog( "close" );
            }
          },
          {
            text: "Save",
            "class": "btn",
            click: function() {
              $( this ).dialog( "close" );
            }
          }
        ]
        });
    });

    $( ".BtnGoHere" ).append( "<input type='button' value='NewButton' />" );
$(函数(){
$(“#对话框确认”)。对话框({
可调整大小:false,
高度:“自动”,
宽度:400,
莫代尔:是的,
按钮:[
{
文本:“取消”,
“类”:“btn btn取消”,
单击:函数(){
$(此).dialog(“关闭”);
}
},
{
文字:“保存”,
“类”:“btn”,
单击:函数(){
$(此).dialog(“关闭”);
}
}
]
});
});
$(“.BtnGoHere”)。追加(“”);
正如您所看到的,您只需从要插入新元素的元素中使用append方法。 这里还有一个JSFIDLE链接,用于检查代码是否正常工作:


希望有帮助

只需将按钮放在HTML模式中即可。

接近
拯救

。这应该会有所帮助