在使用JQuery从Selectable首次单击后，如何显示对话框？

Question

我无法在初次点击后显示对话框。 以下是单击Selectable时发生的情况：

• 首先点击 - 没什么
• 第二次点击 - 首先点击内容。关闭。没什么
• 第三次点击 - 首先点击内容。关闭。另一个对话背后 点击第二次内容。关闭。什么都没有。
• 使用前两个选项循环重复。

这是功能：

  $(function() {

    $('#selectable').selectable({

        selecting: function (event, ui) {
            //Sends selectable title to recieve information to fill dialog page.  
            $.post('ajax_receiver.php', 'val=' + ui.selecting.id, function (response) {
                //Fills div #contentWindow with jQuery's <div id='dialog'..>
                $("#contentWindow").html(response); 
            });  
           $("#content").html(ui.selecting.id);// get ra

            $( "#dialog" ).dialog({ modal: true });

            $( "#dialog" ).dialog( "open"); 
            $(event.target).children('.ui-selecting').not(':first').removeClass('ui-selecting');  

        }

    });

    //dialog box that holds informaiton
    $( "#dialog" ).dialog({
        autoOpen: false,
        show: {
            effect: "clip",
            duration: 500
        },
        hide: {
            effect: "clip",
            duration: 500
        }
    });

});

Answer 1

解决。在申请网页之前需要等到从php收到信息。