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 文件，但我没有使用它们。