javascript - jquery 对话框需要点击两次才能关闭

Question

我一直在尝试使用 jquery 对话框设置一个 div 来弹出

首先，当用户单击按钮并打开对话框时，然后当他关闭对话框时，它会在第一次单击时关闭。

当他第二次尝试关闭对话框时，它将再次打开相同的弹出窗口，他需要再次单击关闭按钮才能将其关闭。

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

修改了您的代码，var containerID = "#mpopup"; 现在可以按我的预期工作 https://jsfiddle.net/xwpwku1w/33请检查。

旁注 - 建议您将 $(containerID) 保存在变量中，因为它使用了 3 次，https://jsfiddle.net/xwpwku1w/34