如何垂直重新定位对话框？

Question

我正在开发一个网站的移动版本，我有一个jQuery UI对话框，大小为屏幕宽度和高度的100％，文本输入和文本区域。当用户按下输入时，它被选中并且电话按下对话框以显示键盘。问题是，当用户按下输入（取消选择）时，手机的键盘会消失，对话框仍然“被推上”。所以，我需要做的是在键盘向下滑动后垂直重新对话。

我可以为取消选择时运行的输入添加事件处理程序，但我不确定如何垂直重新定位对话框。

我该怎么做？

Answer 1

在询问之前我应该​​做更多的搜索，因为我在这里偶然发现了解决方案：https://stackoverflow.com/a/3060895/1101095

我会在这里留下问题，以防有人遇到同样的问题。以下是.blur()处理程序中上述解决方案的代码：

$("input, textarea").blur(function() {
    $(".ui-dialog-content").dialog("option", "position", "center"); // resize the (technically all) dialog
});

这解决了问题！