IE11中带有jquery对话框的不可选文本框

Question

我有jquery对话框，它从下面的代码打开对话框，'close'是使用ClosePopup完成的。

我的问题是，当我第二次打开对话框时，文本框控件无法编辑/可点击。

问题在于使用此特定浏览器版本的IE 11。

this.OpenPopup = function (popupId, title, url, height, width) {        
        var $dialog = $('<div id=' + popupId + ' style="z-index:10000;"><iframe id="iframe' + popupId + '" src=' + url + ' style="border: none;overflow-x:hidden; overflow-y:hidden;display: block;" height="100%" width="100%" marginheight="0" marginwidth="0" frameBorder="0" scrolling="no" horizontalscrolling="no" verticalscrolling="no"></iframe></div>')
            .dialog({
                autoOpen: false,
                modal: false,
                height: height,
                width: width,
                closeOnEscape: false,
                draggable: true,
                resizable: false,
                title: title,
                create: function (event, ui) {
                    $(event.target).parent().css('position', 'fixed');
                    $("#" + popupId).css('overflow', 'hidden');
                }
            });                
        $("#" + popupId).dialog("option", "position", { my: "center", at: "center", of: window });
        $("#" + popupId).dialog("open");       

        $('#iframe' + popupId).load(function () {
            var doc = document.getElementById('iframe' + popupId).contentDocument || document.getElementById('iframe' + popupId).contentWindow.document;
            $("#" + popupId).dialog("option", "height", doc.body.offsetHeight);
        });        
    };
    this.ClosePopup = function (popupId) {
        $('#' + popupId).remove();        
    };