Jquery ui 定位弹出式键盘

Jquery ui 定位弹出式键盘,jquery-ui,Jquery Ui,我从github找到一个插件,当你点击一个文本框/文本区域时,它会弹出一个虚拟键盘。问题是,如果有其他元素,键盘会显示在底部。我希望它显示相邻的文本框点击。我试着附加一个位置({ 我的:“左上”, 在“左上角”, of:#targetElement })在键盘初始值设定项的末尾(最后一行),但它没有生效。这是剧本 $(函数(){ 变量键盘={ “布局”:[ //字母数字键盘类型 //键盘按钮上显示的文本、键盘值、键码、列跨度、新行 [ [ [1,1,49,0,0,false],[2,2,50

我从github找到一个插件,当你点击一个文本框/文本区域时,它会弹出一个虚拟键盘。问题是,如果有其他元素,键盘会显示在底部。我希望它显示相邻的文本框点击。我试着附加一个位置({ 我的:“左上”, 在“左上角”, of:#targetElement })在键盘初始值设定项的末尾(最后一行),但它没有生效。这是剧本


$(函数(){
变量键盘={
“布局”:[
//字母数字键盘类型
//键盘按钮上显示的文本、键盘值、键码、列跨度、新行
[
[
[1,1,49,0,0,false],[2,2,50,0,false],[3,3,51,0,false],[4,4,52,0,false],[5,5,53,0,false],[6,6,54,0,false],
[7',7',55,0,假],'8',8',56,0,假],'9',9',57,0,假],'0',0',48,0,假],'-',189,0,假],'=',187,0,假],
[q',q',81,0,真],'w',w',87,0,假],'e',e',69,0,假],'r',82,0,假],'t',t',84,0,假],'y',y',89,0,假],'u',u',85,0,假],
[i',i',73,0,false],[o',o',79,0,false],[p',p',80,0,false],[219,0,false],[219,0,false],[221,0,false],[92],[22,0,false],
['a',a',65,0,对],'s',s',83,0,假],'d',68,0,假],'f',f',70,0,假],'g',g',71,0,假],'h',h',72,0,假],'j',j',74,0,假],
[k',k',75,0,false],'l',l',76,0,false],“;”,“;”,“;”,186,0,false],“';”,“\”,222,0,false],“输入”,“13',13,3,false],
[Shift',16',16,2,true],'z',z',90,0,false],'x',x',88,0,false],'c',67,0,false],'v',v',86,0,false],'b',b',66,0,false],'n',n',78,0,false],
[m',m',77,0,false],,,,,,,188,0,false],,,,,,,190,0,false],,,,,,,,,,,,,,,,,,,,,,,,,,,191,0,0,false],
['Bksp','8',8,3,true],'Space','32',32,12,false],'Clear','46',46,3,false],'Cancel','27',27,3,false]
]
]
]   
}
$('#name.jQKeyboard').initKeypad({'keyboardLayout':keyboard});
});
如果我们谈论的是:那么我建议:

$('#name.jQKeyboard').initKeypad({'keyboardLayout': keyboard});
$('#jQKeyboardContainer').position({
  my: "left top",
  at: "left top",
  of: $('#name.jQKeyboard')
});

插件是以较旧的方式编写的,我建议或考虑使用<代码> $.WigGET()/>代码来编写您自己的代码,允许您将<代码>位置>代码>作为选项。


如果您想要一个现代的工作小部件,它会是这样的:

链接到插件文档?