Javascript jquery VirtualKeyboard位置不正确

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

正如你所看到的，无论我做什么，键盘总是在屏幕的左上角

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

在这种情况下，我希望键盘位于模态下方

$('#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'
      },
}); 

我还尝试将的position属性

更改为其他元素，例如：

$(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

编辑：
您可以在上看到问题。
已解决。

在另一个家伙在Github中找到了键盘后，我还发现我需要使用我没有使用的jquery ui css和js文件。
你也可以使用css定位键盘-。不需要jqueryui。