jquery - 如何在 jquery mobile 中将弹出窗口定位在屏幕顶部或固定在顶部？

Question

我在 jquery mobile 中有一个弹出窗口

<div data-role="popup"   id="itemDetails">
...
</div>

我以编程方式调用以打开：

$('#itemDetails').popup('open');

，但总是在屏幕上居中打开x,y，我想在屏幕顶部显示修复(y=0)，并在滚动时修复。

我该怎么做？，提前谢谢。

Answer 1

像 CSS 这样的东西就足够了：

#itemDetails{
  position:fixed;
  top:0px;
}

如果你真的想使用 jQuery，那么

$('#itemDetails').css({position:'fixed',top:'0'});

Answer 2

该解决方案对我不起作用。将css放在.css文件中没有生效。我发现我需要使用第二种类型：

$("#popupBasic").popup('open');
$('#popupBasic').css({position:'fixed',top:'10px',left:'30px','display':'block'});

然后关闭弹出窗口：

$('#popupBasic').popup('close');
$('#popupBasic').css({display:'none'});