0

我正在尝试使用 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 测试”2 次

一定与第二次显示的对话框已经创建有关。所有的 $("#promptid").select(); 调用没有任何结果就触发了，所以事后必须改变它吗？

先感谢您！本尼

4

1 回答 1

0

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

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

行得通。因此，以某种方式，当创建了多个 div 时，所选调用会转到第一个 div 并且不会影响显示的对话框。

于 2012-05-22T16:03:20.517 回答