模态对话框关闭按钮上的jquery事件

Question

我的 oracle apex 页面中有一个模式对话框区域。该区域具有内联对话框模板。我想在用户单击对话框的关闭按钮时触发一个 Action 。所以我写代码

$(".ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close").click(function (e) {
      alert('Hi');
      // actions
}); 

对话框关闭按钮的HTML代码是

<button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" 
role="button" aria-disabled="false" title="Close">
<span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
<span class="ui-button-text">Close</span></button>

但它不起作用。我可能有什么问题？

Answer 1

将您的代码更改为:

$(".ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close").click(function (e) {
  alert('Hi');
  // actions
});

你的 <button>元素有多个选择器，因此您需要为所有选择器使用一个句点并且没有空格(因为它们都声明了相同的元素)。

另外，如果只使用一个选择器，会更清晰。您不需要使用所有选择器。

喜欢:

$(".ui-button").click(function (e) { alert('Hi'); // actions });