android - jquery导致键盘在android上出现/消失

Question

我有一个响应式网页，当从一种尺寸变为较小尺寸时，我想用 jquery 重新排序。一切都很好，除非我重新排序其中包含输入的元素(例如 DIV)，例如搜索表单:

$( '#searchfrm' ).insertAfter( '#bodyfrm' );

如果我这样做，当我点击输入时，键盘会出现一秒钟然后消失。这只发生在 Android 上，在 iPhone 上它完美运行。

如果我注释代码行，输入在 Android 上运行完美，但我不希望搜索表单在顶部，而是在响应式设计的页面底部。

如何防止这种情况发生？谢谢!

Answer 1

我发现问题出在重新排序元素时。重新排序过程一直在进行，因此在 Android 中，当键盘出现时，jquery 再次重新排序，使键盘消失。解决方案是在 jquery 中添加一个变量，以防止重新排序过程一直发生，并且仅在从 1024 到 700 时执行一次，例如。