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 FIDDLE DEMO

在演示中，你可以看到，我有两个用div id创建的对话框，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');
});

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

2 个答案: