概述:定义了一个基本的 jqueryui 对话框,稍后使用注入的标记按需打开。
问题:第一个示例有效,但第二个(看似相似)无效。它们打开的顺序没有区别。即使我先打开非工作的,它也不起作用。我会很感激第二双眼睛,看看我是否做了一些明显迟钝的事情。
注意:这些是来自大型代码字段的片段,因此请不要检查匹配的括号。除了被星号包围的第二个 jqueryui 对话框外,所有代码都在工作。Ajax 返回正确的数据等。第二个对话框上方的警报甚至可以工作,但该对话框永远不会显示(代码中有或没有警报)。
第二个对话框调用在 ajax 回调函数中。我是否需要以某种方式使用 .on() 方法将返回的数据绑定到#alert div?(我不应该这样想……至少应该显示 div ——一个空的 dlg 框——不是吗?)如果是这样,那会是什么样子?
HTML:
<div id="alert" title="Alert"></div>
JAVASCRIPT:
$(function() {
$( '#alert' ).dialog({
autoOpen:false,
});
$(document).on('click', '.mledit', function(event) {
//company_id is actually the user_id
var user_id = this.id.split( 'editcopro_' )[1];
$.ajax({
type: "POST",
url: "ajax/ax_all_ajax_fns.php",
data: 'request=edit_company_data&user_id='+user_id,
success:function(data){
$('#co_label').html(data);
$('#co_label').dialog({
autoOpen: true,
height: 600,
width: 800,
modal: true,
buttons:
{
//***************************************
//******** THIS WORKS *******************
Test: function() {
$( '#alert' ).html( 'Hello there' );
$( '#alert' ).dialog( 'open' );
return false;
//***************************************
},
//... etc ...
$.ajax({
type: "POST",
url: "ajax/ax_all_ajax_fns.php",
data: 'request=index_list_contacts_for_client&user_id=' + user_id,
success: function(data) {
$('#contact_table').html(data);
var tbl = $('#injected_table_of_contacts');
$(this).dialog({
autoOpen: false,
height: 400,
width: 600,
modal: true,
buttons:
{
Okay: function() {
$.ajax({
type: "POST",
url: "ajax/ax_all_ajax_fns.php",
data: 'request=update_edited_contact_data&contact_id='+contact_id+'&fn='+fn+'&ln='+ln+'&em='+em+'&cp='+cp,
success: function(data) {
alert(data);
//**********************************
//***** THIS DOES NOT: *************
$( '#alert' ).html( data );
$( '#alert' ).dialog( 'open' );
//**********************************
window.location = '' //THIS LINE AUTO-CLOSES THE DLG!;
}
});
$( this ).dialog( "close" );
} //END ELSE
},
Cancel: function() {
$( this ).dialog( "close" );
window.location = '';
}
} /*,
//IMPORTANT DISCOVERY: Having this close section AUTO-CLOSES the prev dialog popup!
close: function() {
//alert('here i am');
window.location = 'index.php';
}*/
})
}
});
});
/*********** >Snip< *************/
完整的代码是巨大的(r),所以我已经为这个问题剪掉了必要的部分。请不要太仔细地寻找匹配的括号等。 alert() 工作正常,它只是 .dialog() 调用 - 只是第二个调用 - 早期的工作正常(包括来自内部的对话框调用对话)。