2010-11-09 47 views
0

当我使用像这样一个jQuery函数,jQuery回调语法布局?

jQuery('.mediaContainer').dialog({ width: 500, height:500}); 

如何设置回调?我会在哪里放置它?

感谢

+0

这要看什么'.dialog()'是。它是什么样的插件?任何文档? – Harmen 2010-11-09 19:54:34

+0

@Harmen,['对话框()'](http://jqueryui.com/demos/dialog/)是从jQuery用户界面,显然(与感谢@Surreal梦)。 – 2010-11-09 19:58:50

+0

@大卫,我想通了我的意见后,然后我加入了jQuery UI的标签;)需要 – Harmen 2010-11-09 19:59:49

回答

1

对话框中有几个事件可以设置。你可以在这里看到他们:

http://jqueryui.com/demos/dialog/#event-close

比如设置一个函数来关闭运行:

$(".mediaContainer").dialog({ 
    close: function(event, ui) { //do stuff } 
}); 

有一些事件,你可以用:beforeClose,开放,突出重点,的dragstart ,resizeStart,resize,resizeStop和close。每个事件都可以触发一个回调函数,所以你实际上有很多控制权。

+0

例如,我会在even或ui参数中放置什么? – Adamski 2010-11-09 20:10:20

+0

保持原样,这是关于事件本身被传递给函数的信息。您可以在这里阅读有关事件对象的更多信息:http://api.jquery.com/category/events/event-object/和一个ui对象。我很确定这两个都是可选的。 – 2010-11-09 20:48:07

0

通常它会出现在最后的哪种方法你想插入回拨到的参数,例如:

jQuery('.mediaContainer').dialog({ width: 500, height:500}, 
    function(){ 
     // callback stuff here. 
    }); 

这假定.dialog()是某种形式的插件,或函数,将,或可以,接受回拨。要使用标准的jQuery功能(animate()):

$(this).animate({'opacity': 1, 'height': '200px'}, 500, function(){ 
    // callback stuff. 
});