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");
});

Live Demo

Answer 3

您可以使用课程ui-dialog-titlebar-close