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

<强>解决。

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