2

这是一段代码，显示了我遇到的问题http://jsfiddle.net/XmqgA/

HTML：

 <div id="dialogg" style="display:none">
   <input type="text" id="textinp" />
 </div>

 <p>Draggable boxes. Click a clickable box to open a dialog</p>
 <div class="draggable ui-sortable">
   <div class="dragme" id="clickbox">Clickable box</div>
   <div class="dragme">Box</div>
 </div>

 <br/>

 <p>Simple button that opens up a dialog</p>
 <button id="click">Click</button>

JS：

$('.draggable').sortable({
    connectWith: ".draggable",
    items: "> .dragme",
    appendTo: "body"
});

$("#click").unbind().bind("click", function () {
    $("#dialogg").dialog();
    $("#textinp").focus();
});
$("#clickbox").unbind().bind("click", function () {
    $("#dialogg").dialog();
    $("#textinp").focus();
});

基本上我有一个简单的按钮、一个可拖动/可排序的元素和一个带有文本输入字段的 ui-dialog 窗口。

按钮和排序元素都有一个打开用户界面对话框的点击事件。一切正常，除了当您通过单击排序元素打开对话框时，ui-dialog 中输入框中的光标/插入符号不会闪烁。但是，在这两种情况下，输入字段都将具有焦点。

似乎这只能在 Chrome 中复制，但我在仅限 Chrome 的错误中找不到它。

谢谢！

4

0 回答 0