javascript - 将关闭和打开功能绑定(bind)到所有对话框

Question

我尝试通过以下方式将默认打开和关闭功能绑定(bind)到所有对话框，但是没有一个起作用。

  $(document).on("dialogopen", ".ui-dialog", function(event, ui) {            
  }); 
  $(document).on("dialogclose", ".ui-dialog", function(event, ui) {   
  }); 

或

  $(".ui-dialog").bind("open", function() {
  });
  $(".ui-dialog").bind("close", function() {
  });

你知道这里出了什么问题吗？感谢您的帮助。

编辑:

我将此函数添加到文档就绪函数中。

Answer 1

以下代码假设您的所有对话框容器都有 .ui-dialog-selector 类。这样您就可以选择所有对话框。

$(".ui-dialog-selector").bind("dialogopen", function() {
    alert('OPen');
});

同样，你必须绑定(bind)关闭

$(".ui-dialog-selector").bind("dialogclose", function() {
    alert('Close dialog');
});

更新

JS FIDDLE DEMO

在演示中，您可以看到，我使用 div id 1 和 div id 2 创建了 2 个对话框。这两个 div 都有类 ui-dialog-selector 。

<div class ='ui-dialog-selector' id ="one" style="display:none">
    <input type="text" value ="open one"/>
</div>

<div class ='ui-dialog-selector' id ="two" style="display:none">
    <input type="text" value ="open two"/>
</div>

然后我绑定(bind)函数，如上面所示。