在我的网页上,我有一些链接,如:
<div id="toolbarButtons">
<a href="actualites/addLink" id="liens" rel="lien" title="Insérer un lien" class="toolbarButton"><span><img src="pub/struct/picto/icon_toolbar-link.gif" alt="Liens" />Lien</span></a>
<a href="actualites/addImage" rel="image" title="Insérer une image" id="img" class="toolbarButton"><span><img src="pub/struct/picto/icon_toolbar-img.gif" alt="Liens" /> Image(s)</span></a>
</div>
<div id="dialogbox"></div>
首先,我通过调用:
来启动我的对话框initDialog : function() {
$('#dialogbox').dialog({
bgiframe:true,
autoOpen:false,
width:500,
modal:true
});
}
然后我附上点击事件的对话框:
$('.toolbarButton').click(function(e){
e.preventDefault();
actu.dialogManager($(this));
});
dialogManager : function(elem) {
elem.blur();
var title = elem.attr('title');
var href = elem.attr('href');
var rel = elem.attr('rel');
$('#dialogbox').dialog('option','title',title);
if(rel == 'lien')
{
$('#dialogbox').dialog('option','buttons',{
'Add' : function(){
//TODO
},
'Cancel' : function(){
$('#linkText').val('');
$('#linkUrl').val('');
$(this).dialog('close');
}
});
$('#dialogbox').load(href).dialog('open');
}
}
如您所见,对话框的内容是使用ajax获取的。该对话框包含一些输入。 我有一个最后一个功能,它应该编辑输入的内容,但我不知道如何以及在何处调用它。需要在打开对话框后调用它才能有效。我怎么能这样做?
在
后执行此操作$('#dialogbox').load(href).dialog('open');
由于异步加载(在对话框完全加载之前调用),将无效。
感谢您的帮助。
答案 0 :(得分:26)
打开对话框时可以执行某些操作。
initDialog : function() {
$('#dialogbox').dialog({
bgiframe:true,
autoOpen:false,
open: function() {
// do something on load
},
width:500,
modal:true
});
}
答案 1 :(得分:2)
你能做这样的事吗?
$('#dialogbox').load(href, function() {
//your edit function?
$(this).dialog('open');
});
加载完成后将调用该函数。