javascript - jQuery onclick 警报关闭按钮

Question

当按下警报框右上角的 x 时，我想触发一些代码。

我正在使用 jquery 内置对话框。我可以在 chrome 中看到开发人员工具中的元素，但没有看到我可以引用以在 onclick 中使用的 ID？

<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button">
    <span class="ui-icon ui-icon-closethick">close</span>
</a>

Answer 1

$('a.ui-dialog-titlebar-close span.ui-icon-closethick').on('click', function() {
    // code to hide dialog box...
}

这显然是一个非常具体的选择器，但由于我们没有太多的上下文，我不确定你能摆脱它的具体程度。您可以像您的选择器一样轻松使用a.ui-dialog-titlebar-close或span.ui-icon-closethick。

Answer 2

使用 jQuery .on()。选择.ui-icon.ui-icon-closethick标题栏中的元素，以防您在其他地方使用该图标。

您必须使用. 而不是#按类选择元素，否则，#使用id属性选择元素..

JavaScript/jQuery

$('.ui-dialog-titlebar-close .ui-icon.ui-icon-closethick').on('click', function () {
    alert("test");
});

现场演示

Answer 3

你可以使用类ui-dialog-titlebar-close