Question

我正在尝试使用jQuery UI对话框模拟内部javascript函数提示。几乎完美的工作 - 只是一个小错误： - ）

当第二次显示对话框（没有重新加载页面）时，输入字段中的文本未被选中 - 为什么。

我使用此代码：

function modalprompt(text, title, prompt, callback) {
    var newDiv = $("<div title='" + title + "'/>");

    function okreply() {
        newDiv.dialog("close");
        if (callback) callback($("#promptid").val());
    }

    function cancelreply() {
        newDiv.dialog("close");
        if (callback) callback(false);
    }
    newDiv.keyup(function (e) {
        if (e.keyCode == 13) {
            okreply();
        }
    });
    /*
  newDiv.focus(function()
  {
    this.select();
  });
  */
    var htmltext = "<p>" + text + "</p>";
    htmltext += "<input id='promptid' type='text' name='promptid' value='" + prompt + "' style='width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;'>";
    newDiv.html(htmltext).dialog({
        modal: true,
        width: 480,
        show: "blind",
        hide: "blind",
        focus: function (event, ui) {
            $("#promptid").select();
        },
        open: function (event, ui) {
            $("#promptid").select();
        },
        create: function (event, ui) {
            $("#promptid").select();
        },
        buttons: [{
            text: $.alerts.okButton,
            click: function () {
                okreply();
            }
        }, {
            text: $.alerts.cancelButton,
            click: function () {
                cancelreply();
            }
        }]
    });
}

您可以在此处自行测试：http://pcrypt.dk/dev/login.php?logout

只需激活链接“ModalPrompt test”2次

必须与第二次显示对话框已经创建的事实有关。所有$（“＃promptid”）。select（）;电话会在没有任何结果的情况下触发，所以事后必须改变它吗？

提前谢谢！尼

Answer 1

好的我不知道为什么它不起作用，但添加了这个事件处理程序：

close: function(event, ui) { newDiv.remove(); },

诀窍。因此，当有更多的div创建时，所选的调用将转到第一个div并且不会影响显示的对话框。

jQuery UI对话框 - 第二次显示未选中的文本

1 个答案: