javascript - jQuery 屏幕键盘在第二个输入

Question

我在对话框中使用 Mottie 的 jQuery OSK(屏幕键盘)时遇到了一些小问题。您可能需要查看此 link 使其更简单。

在 jQuery 对话框中选择第二个输入字段时，它总是跳到第一个输入字段。

这是我使用的代码:

HTML:

<div id='dialog' title='This is a title' style='display: none'>
<h3>I just want to say something</h3>
<label>Say something: </label><br />
<input type='text' id='SaySomething' /><br /><br />

<label>Enter another text: </label><br />
<input type='text' id='SaySomething2' /><br /><br /></div><button>Click me</button><br /><label>Say something: </label><br /><input type='text' id='SaySomethingOutside' /><br /><label>Enter another text: </label><br /><input type='text' id='SaySomethingOutside2' /><br />

JavaScript:

$(function(){
$("button").click(function(){
    $("#dialog").dialog("open");
}).button();
$("input").keyboard();
$("#dialog").dialog({
    modal: true,
    autoOpen: false,
    buttons : {
        OK: function(){
            $(this).dialog("close");
        }
    }
});

})

Answer 1

只需使用usePreview: false作为键盘中的参数

查看此编辑的 fiddle