打开对话框上的触发事件

Question

我的对话框在div下定义

#dialogbox

当对话框打开时,我想触发一个事件,使其警报打开.我使用的代码是:

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

但是当对话框打开时,这似乎没有触发请帮助

Answer 1

你可以用这个:

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

或者事件监听器.on

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

此页面中的更多信息:

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

Answer 2

试试这个:

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