Jquery对话框新建按钮

正如屏幕截图所示，我是否可以在对话框顶部的“关闭”按钮旁边添加一个新按钮，我不知道这是否可以实现，或者是否有任何限制

---

谢谢

请尝试此操作，添加下面给定的代码以打开Jquery Ui对话框的功能

$(".ui-dialog-titlebar").append("<input type=\"button\" id=\"yourID\" value=\"My Custom\">");

$（.ui对话框标题栏”）.append（“”）；

您可以通过在函数之前插入带有jquery

的按钮来自定义jquery ui对话框

JQuery代码：

<script language="javascript" type="text/javascript">

$(document).ready(function() {
    $('#trigger').click(function(){
      $("#dialog").dialog();
      $(".ui-dialog-titlebar-close").before('<input name="newBtn" id="newBtn" type="button" style="float:right;" value="BUTTON"/>');
    }); 
}); 
</script>

<input name="trigger" id="trigger" type="text" />
<div id="dialog" style="display:none">
    <div>
        Content
    </div>
</div>


$（文档）.ready（函数（）{
$（“#触发器”）。单击（函数（）{
$（“#dialog”）.dialog（）；
$（“.ui对话框标题栏关闭”）。在（“”）之前；
}); 
}); 

Html代码：

<script language="javascript" type="text/javascript">

$(document).ready(function() {
    $('#trigger').click(function(){
      $("#dialog").dialog();
      $(".ui-dialog-titlebar-close").before('<input name="newBtn" id="newBtn" type="button" style="float:right;" value="BUTTON"/>');
    }); 
}); 
</script>

<input name="trigger" id="trigger" type="text" />
<div id="dialog" style="display:none">
    <div>
        Content
    </div>
</div>


内容
您可以使用
创建
事件添加按钮。这是一种确保按钮不会被添加多次的简单方法

var newBtn = '<a href="#" class="myDialogBtn"><span class="ui-icon ui-icon-alert"></span></a>';

$('#dialog').dialog({
    title: 'Test Dialog',
    create: function() {
        $(this).prev('.ui-dialog-titlebar').find('.ui-dialog-title').after(newBtn)
    }
})

var newBtn=''；
$（'#dialog'）。dialog({
标题：“测试对话框”，
创建：函数（）{
$（this）.prev（“.ui对话框标题栏”）.find（“.ui对话框标题”）.after（newBtn）
}
})

Inspec浏览器控制台中的现有按钮以复制所需的其他css

演示：

API参考：