0

概述:定义了一个基本的 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() 调用 - 只是第二个调用 - 早期的工作正常(包括来自内部的对话框调用对话)。

4

2 回答 2

0

解决了。请参阅代码中我评论解决方案的两个地方。谁来敲门?

于 2012-11-09T19:51:34.247 回答
0

最重要的是,您是否只是忘记关闭 ajax 调用?

}});
于 2012-10-15T21:40:57.543 回答