Question

以下是一段代码，显示了我遇到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对话框窗口。

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

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

谢谢！

光标在ui对话框中不闪烁（仅限Chrome）

0 个答案: