jquery Dialog muss zweimal klicken, um zu schließen

Question

Ich habe ein div Setup versucht, mit Jquery Dialog

Erste Popup, wenn der Benutzer auf die Schaltfläche klickt und öffnet den Dialog dann, wenn er den Dialog schließen es in der schließt erster Klick

Das zweite Mal, als er den Dialog zu schließen versucht es wieder das gleiche Popup öffnet und er muss wieder die Schließen-Schaltfläche klicken, um es geschlossen zu bekommen.

https://jsfiddle.net/xwpwku1w/31/

jQuery:

function ShowMyContainerDivForSC(containerID, title, width, height) { 
    if ($(containerID).data('uiDialog')) 
     $(containerID).dialog('destroy'); 
    $(containerID).dialog({ 
     width: width, 
     draggable: true, 
     height: height, 
     resizable: false, 
     title: title, 
     modal: false, 
     open: function (event, ui) { 
      $(this).show(); 
     }, 
     close: function (event) { 
      if (typeof AfterClose == "function") { 
       AfterClose(containerID); 
      } 
      //$(this).remove();-- commented cause it just removes the element. 
     } 
    }); 
    return false; 
} 

Answer 1

Code Modified arbeitet var containerID = "#mpopup"; nun wie erwartet für mich https://jsfiddle.net/xwpwku1w/33 bitte überprüfen.

side note - würden Sie empfehlen, $(containerID) in einer Variablen zu speichern, wie es 3 mal verwendet, https://jsfiddle.net/xwpwku1w/34