javascript - jquery VirtualKeyboard 位置不正确

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

已解决。

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