jquery 虚拟键盘位置不正确

Question

我正在使用 Mottie/Keyboard 插件，但在定位键盘时遇到问题。图片总结了我想要的和正在发生的事情。

如您所见，无论我做什么，键盘总是位于屏幕的左上角。

您还可以看到我正在使用模态，但是无论是否在模态上，所有输入都会发生相同的行为。

在这种情况下，我希望键盘出现在模式下方。

$('#quantity-input').keyboard(
{
    layout  : 'num',
    usePreview: false,
    restrictInput: false,
    preventPaste: true,
    autoAccept: true,
      position     : {
        // optional - null (attach to input/textarea) or a jQuery object
        // (attach elsewhere)
        of : $('.modal'),
        my : 'center bottom',
        at : 'center bottom',
        // used when "usePreview" is false
        // (centers keyboard at bottom of the input/textarea)
        at2: 'center bottom'
      },
});

我也尝试过将位置属性 of 更改为其他元素，例如：

$(window)
$(this)
$('#quantity-input')
$('body')

没有任何效果。我的 CSS 和 JS 文件如下：

bootstrap.min.css
bootstrap.min.js
keyboard.min.css
jquery-wijmo.css
bootstrap.min.js
keyboard.min.js

编辑：您可以在 JSFiddle.

上看到问题

Answer 1

已解决。

在另一个人找到Github中的same issue后，我也发现我需要使用jquery-ui css和我没有使用的 js 文件。

jquery 虚拟键盘位置不正确

jquery VirtualKeyboard incorrect position

javascript

css

jquery

virtual-keyboard