Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery虚拟键盘和向下滑动_Javascript_Jquery_Css - Fatal编程技术网

Javascript jQuery虚拟键盘和向下滑动

Javascript jQuery虚拟键盘和向下滑动,javascript,jquery,css,Javascript,Jquery,Css,我使用了jQuery虚拟键盘,但当我点击密码字段几次键盘滑下时,我发现了问题,我检查了css,但我没有找到解决方案。 有人有主意吗 这是链接: 谢谢。我试过在这把小提琴中使用它,效果很好。关键的区别在于我使用了jQuery的最新版本1.8.2,而不是您发布的演示中使用的版本1.4.4。升级jQuery版本似乎可以解决这个问题 编辑 插件中使用的jQuery UI Position实用程序似乎存在问题,每次文本输入被聚焦时都会调用该实用程序,而且它似乎只有在父元素上有填充/边距时才会显示出来。修

我使用了jQuery虚拟键盘,但当我点击密码字段几次键盘滑下时,我发现了问题,我检查了css,但我没有找到解决方案。 有人有主意吗

这是链接:


谢谢。

我试过在这把小提琴中使用它,效果很好。关键的区别在于我使用了jQuery的最新版本1.8.2,而不是您发布的演示中使用的版本1.4.4。升级jQuery版本似乎可以解决这个问题

编辑

插件中使用的jQuery UI Position实用程序似乎存在问题,每次文本输入被聚焦时都会调用该实用程序,而且它似乎只有在父元素上有填充/边距时才会显示出来。修复它的一种方法是修改插件并将插件的定位代码移到焦点事件处理程序之外。因此,找到以下代码(在插件js文件的第141行附近):

并将代码更改为:

keyboard.position({
  of: element,
  my: "left top",
  at: "left top",
  collision: "fit",
});

element.focus(function() {
  var element = jQuery(this)
  jQuery('.ui-keyboard').hide();
  previewInput.val(element.val());

  keyboard.show();

  previewInput.scrollTop(previewInput.attr('scrollHeight')).focus();
});

这似乎在我的测试中起到了作用。

谢谢,我也有同样的问题。所以升级jQuery也可以解决您的问题吗?不,我升级了jQuery,我也有同样的问题problem@Mils我已经用解决方案更新了我的答案。检查它,看看它是否适用于youHey Spider,我可以在动态创建的文本字段上应用此库吗?非常感谢。
keyboard.position({
  of: element,
  my: "left top",
  at: "left top",
  collision: "fit",
});

element.focus(function() {
  var element = jQuery(this)
  jQuery('.ui-keyboard').hide();
  previewInput.val(element.val());

  keyboard.show();

  previewInput.scrollTop(previewInput.attr('scrollHeight')).focus();
});