内容更改后重新定位jQuery Mobile弹出窗口

Question

我正在使用jQuery Mobile(1.3.1)来显示弹出窗口(以屏幕为中心).根据用户操作,某些内容通过AJAX插入到弹出窗口中.这工作正常,但有一个问题:一旦内容被注入弹出窗口,其大小会发生变化,但位置不会更新.一旦调整窗口大小,弹出位置就会刷新,但到目前为止我还没有找到手动触发此操作的方法.

弹出声明:

<div id="MoveFolderPopup" data-role="popup" data-position-to="window" style="min-width: 20em">

我已经尝试将弹出窗口重新定位到窗口中心的一些事情(包括一些内部的,未记录的事件的弹出窗口小部件源代码的快速视图):

$('#MoveFolderPopup').trigger("reposition");
$('#MoveFolderPopup').trigger("_reposition");
$('#MoveFolderPopup').trigger("_handleWindowResize");
$('#MoveFolderPopup').trigger('refresh')
$(window).trigger('resize');
$('#MoveFolderPopup').popup('open');
$('#MoveFolderPopup').trigger('updatelayout');

我没有很多JavaScript的经验,只是对这个问题没有更多的想法;)有人可以帮助我吗？谢谢!

Answer 1

$("#MoveFolderPopup").popup("reposition", {positionTo: 'origin'});

要么

$("#MoveFolderPopup").popup("reposition", {positionTo: 'window'});

在这种情况下要么会这样做,因为 data-position-to="window"