如何将自定义html关闭按钮添加到jQuery对话框的主体中？

类似问题：

我很好奇是否有人知道我如何使用添加到.html正文中的自定义按钮关闭jQuery对话框。我应该更改onClick值吗？为了什么？也许虚拟转义键是一个选项。我不想使用“标题栏关闭”或“按钮窗格关闭”来保存正在进行的主题。谢谢

以下是我所拥有的：

<script>
$(function () {
    var $dialog = $('<div></div>')
    .html('')
    .dialog({
        autoOpen: false,
        modal: true,
        position: 'center',
        draggable: false,
                width:'40%';
    $(".ui-dialog-titlebar").hide()
    $("body").on('click', '#opener', function(e) {
        var param = $(this).attr('data-AttrRatingID');
    $dialog.html(param + "<br /><div id='modalClose' onclick='' class='formbtnshell' title='Close'><div class='formbtnwhtl'></div><div class='formbtnwhtr'></div><div class='formbtninside formbtninsidedelete'><div class='formbtntext'>Close</div></div></div>");
        $dialog.dialog('open');
        // prevent the default action, e.g., following a link
        return false;
    });
});

$（函数（）{
变量$dialog=$（''）
.html（“”）
.对话({
自动打开：错误，
莫代尔：是的，
位置：'中间'，
可拖动：错误，
宽度：'40%'；
$（“.ui对话框标题栏”）.hide（）
$（“正文”）。在（'单击'，'打开器'，函数（e）{
var param=$（this.attr（'data-attratingid'）；
$dialog.html（param+“
关闭”）；
$dialog.dialog（'open'）；
//防止默认操作，例如，跟踪链接
返回false；
});
});

---

只需分配一个单击事件，然后关闭事件内的对话框。避免使用内联事件处理程序

$(document).on('click', '#modalClose', function() {
   $(dialogSelector).dialog('close');
});

更新

您在创建小提琴的方式上存在一些问题。永远不要嵌套事件。它会多次绑定事件，这将无法获得所需的效果

您正在将事件附加到id=opener

$（“正文”）。在（'click'，'#opener'，

但是在附加元素时，元素的id是不同的

// Declare the initial dialog outside the Click event
var $dialog = $('#dialogg');

$dialog.dialog({
    autoOpen: false,
    modal: true,
    position: 'center',
    draggable: false,
    width: '40%',
    buttons: {
        "Close": function () {
            $(this).dialog("close")
        }
    }
});

// Append the HTML and open the dialog
$('input').click(function () {
    $dialog.html("<br /><a id='modalClose'>CloseMe</a>");
    $dialog.dialog('open');
});

// Bind the click event that closes the modal
$("body").on('click', '#modalClose', function (e) {
     // prevent the default action, e.g., following a link
     e.preventDefault();

     // Need to close the Modal
     $dialog.dialog('close');
});

//在单击事件外部声明初始对话框
var$dialog=$（“#dialogg”）；
$dialog.dialog({
自动打开：错误，
莫代尔：是的，
位置：'中间'，
可拖动：错误，
宽度：“40%”，
按钮：{
“关闭”：函数（）{
$（此）.dialog（“关闭”）
}
}
});
//附加HTML并打开对话框
$（“输入”）。单击（函数（）{
$dialog.html（“

$dialog.html（“
CloseMe”）；
Hi@Sushanth，感谢您的快速回复！单击按钮时，该按钮似乎仍然没有任何作用。我已尝试在一些地方添加代码。是否应该添加代码的特定位置？能否显示一个小的工作示例？行“$（“body”）。on（'click'，'#opener'，函数（e）{"从页面上的一个按钮打开对话框，因此我尝试在这个“打开”调用中添加您的位，我也尝试在它之外添加您的位，但仍然在我的脚本标记中。两个位置都没有在单击时关闭对话框。它应该在您附加要打开的事件的位置之外。另外，请检查控制台的浏览器中是否有任何错误。我仍然没有uck.button id控件在原始$dialog.html（）声明之外，我需要做些什么来查找它吗？