Диалог JQuery работает только после третьего нажатия

Question

В моем диалоговом окне jquery существует проблема, так как он открывается только после третьего нажатия. Может ли кто-нибудь помочь? Вот фрагмент. Когда автоотбор установлен верно, он работает. Но это создает еще одну проблему, используя auto open true. Я не знаю, что случилось с моим кодом. В каждом клике вызывается эта конкретная функция. спасибо.

function attachmentDialogBox(objId){ 
    var parentDiv = objId; 
    if(parentDiv!=''){ 
     var source = $("#"+parentDiv+" input[name=sourceId]").val(); 
     var type = $("#"+parentDiv+" input[name=typeId]").val(); 
    } 
    else{ 
     var source = $("input[name=sourceId]").val(); 
     var type = $("input[name=typeId]").val(); 
    } 
    $.ajax({ 
     url:"${createLink(controller: "fileAttachment",action: "rAttachmentDialog")}", 
     data:{id:"${id}",module:"${module}",moduleType:"${moduleType}",source:"${source}",sourceId:source,attachmentUrl:"${attachmentUrl}",multiple:"${multiple?:1}",type:type}, 
     type:"post", 
     success:function(data){ 
      $("#attachDocument").html(data); 
      $("#attachDocument").dialog({ 
       title:"${module=="memberProfilePic"?"Upload Profile Image":"Attach Document"}", 
       zIndex:1103, 
       modal:true, 
       autoOpen:false, 
       width:"${module=="memberProfilePic"?355:"auto"}", 
       resizable:false, 
       draggable:false, 
       close:function(){ 
        $("#attachDocument").remove(); 
        $("#dialogContainer").append("<div id='attachDocument'></div>"); 
       } 
      }); 
      alert($("#attachDocument").val); 
      $("#attachDocument").dialog('open'); 
     } 
    }); 

    return false; 
} 

Answer 1

Постарайся чейнинга его к этому:

var dialog $("#attachDocument").dialog({...}); 
dialog.dialog("open"); 

Я не совсем уверен, что $() диалогового окна() возвращает экземпляр, но если это сделать, он должен быть безопасным методом

.

Изменен найденного решения с помощью предложений в комментарии.