将Popup定位在jQuery Mobile中

Question

我很难将弹出窗口放在指定位置。这是我的代码，由于某种原因它永远不会显示在指定的坐标。

$("#overlay").popup({
    transition: "slideup",
    shadow: false,
    corners: false,
    beforeposition: function (event, ui) {
        ui.x = 0;
        ui.y = 100;
    }
}).popup("open");

Answer 1

尝试使用$(this).css：

• <强> HTML：

  <div id="overlay" data-role="popup" data-tolerance="0">
  </div>
  

• <强> JS：

  $(document).on("pagecreate", function (event, ui) {
      $("#overlay").popup({
          transition: "slideup",
          shadow: false,
          corners: false,
          beforeposition: function (event, ui) {
              $(this).css({
                  left: 0,
                  top: 100
              });
          }
      });
  });
  

这是Demo。