23

我的对话框是在 div 下定义的

#dialogbox

当对话框打开时，我想触发一个事件，以便它打开警报。我使用的代码是：

$("#dialogbox").dialog({open: function(){
           alert("OPEN");
          }
});

但这似乎在打开对话框时不会触发请帮助

4

4 回答 4

54

你可以使用这个：

$( ".selector" ).dialog({
  open: function( event, ui ) {}
});

或事件监听器 .on

$( ".selector" ).on( "dialogopen", function( event, ui ) {} );

此页面中的更多信息：

http://api.jqueryui.com/dialog/#event-open

于 2013-09-24T21:11:58.333 回答
5

试试这个：

jsFiddle here

HTML：

<div id="dialogbox"></div>
<input id="mybutt" type="button" value="Click Me">

Javascript/jQuery：

$("#dialogbox").dialog({
    autoOpen:false,
    modal:true,
    title: "Use of Open event",
    width:300,
    open: function( event, ui ) {
        alert('hello');
    }
});

$('#mybutt').click(function() {
    $('#dialogbox').html('<h2>Watch this</h2>An alert box should have opened');
    $('#dialogbox').dialog('open');
});
于 2013-09-24T21:18:56.833 回答
1

单击确定按钮后，它将显示警报。

$( "#WaitingDialog").html("Message you want to display").dialog({
   modal: true,
   buttons: { 
    Ok: function() {
       alert("hello");
    }
}});

打开模态框后会显示警报

$( "#WaitingDialog").html("Message you want to display").dialog({
    modal: true,
    buttons: { 
        open: function( event, ui ) {
              alert('hello');
          }
    }});
于 2016-07-27T06:35:13.423 回答
1

您还可以使用焦点事件 单击此处获取文档

于 2017-05-12T03:30:21.950 回答