在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。