jQuery移动弹出窗口没有出现在中心

Question

我正在使用jQuery mobile并尝试在页面加载时显示jQuery pop.但是当页面加载弹出窗口没有出现在中心时,弹出窗口的左上角出现在中心.

但是一旦浏览器窗口大小改变,弹出窗口就会自动切换到中心(即使我按F12开发人员工具).然后频繁调用$('#popupBasic').popup("open"); 使它出现在屏幕的中央.

但是第一次弹出框的左上角出现在中心.

Answer 1

试试这个:data-position-to ="window".

Answer 2

您可以尝试在pageshow上重新定位弹出窗口:

$( '#popupLogin' ).popup( 'reposition', 'positionTo: window' );

我认为你所经历的是在浏览器完全绘制页面之前发生的定位.您可以通过重新定位弹出窗口来解决这个问题:

$(document).on('pageshow', '.selector', function(){
  $('#popupBasic').popup('reposition', 'positionTo: window');
});

我使用一个弹出div,用于根据用户选择显示不同的图像.这些图像具有不同的尺寸,直到装载才能知道.调用它:`$('#popupLogin').popup('reposition','positionTo:window');`将图像加载到弹出窗口后成功地将弹出窗口居中. (2认同)

Answer 3

这是一个非常模糊的问题。

您应该提供一些物品：

从 JQM 1.2 开始，弹出选项可用：

默认值：“原点”

设置弹出窗口将相对于其居中的元素。它具有以下值：

“origin” 当弹出窗口打开时，以传递给 open() 调用的坐标为中心（请参阅方法页面）。

“窗口”当弹出窗口打开时，位于窗口中央。

jQuery 选择器当弹出窗口打开时，根据选择器创建一个 jQuery 对象，并将其居中。选择器会过滤出通过“:visible”可见的元素。如果结果为空，则弹出窗口将在窗口居中。