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

Question

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

  $(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');
});

同样，您必须绑定关闭

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

更新

JS 小提琴演示

在演示中，您可以看到，我创建了 2 个对话框，其中 div id 为 1，div id 为 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>

然后我绑定上面显示的函数。

Answer 2

对于开放

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

关闭

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