設置使用JavaScript

Question

$('#popupDiv').popup("open");

JQueryMobile彈出的數據位該程序打開一個JQueryMobile彈出，但我想知道是否有可能與我的代碼一起更改或設置我的彈出窗口的設置，如data-position和data-transition以上。謝謝。

Answer 1

直起jQuery Mobile Docs：

定位選項默認情況下，彈出窗口打開垂直和 居中水平在你點擊，這是很好的使用 彈出窗口的事情（原產地）作爲工具提示或菜單。該框架還應用一些 基本碰撞檢測規則，以確保彈出窗口將在屏幕上出現 ，因此最終位置可能不總是居中於 原點。

對於類似對話框或燈箱的情況，彈出窗口應該在窗口中居中顯示，而不是在原點上，將 數據位置屬性添加到鏈接並指定窗口值。

除了原點和窗口，還可以指定任何有效的選擇器作爲 position-to的值。例如，如果添加 data-position-to =「＃myElement」，則彈出窗口將位於ID爲myElement的 元素上。

<a href="#positionWindow" data-rel="popup" data-position-to="window" data-transition="slideup"> 

    <div data-role="popup" id="positionWindow"> 
     <p>I am positioned to the window.</p> 
    </div> 

您可以添加data-transition="slideup"（或您所選擇的過渡）的鏈接，以及在文檔中概述的其他定位選項在我的答案的頂部鏈接。

Answer 2

你可以這樣做：

$('#popupDiv').popup("open", {positionTo: '#mydiv'}); 

'原點' 沒有在1.2版本爲我工作雖然。

看到：http://jquerymobile.com/demos/1.2.0/docs/pages/popup/methods.html

Answer 3

耶做到這一點，正確的方法是使用event.target這樣

$('#popup').off('taphold').on('taphold', function (e) { 
    $('#popupDiv').popup("open", e.target); 
}); 

順便說一句，這個代碼，然後放在一個彈出窗口，如果你點擊保存按鈕，點擊事件就像是這將意味着一個正常單擊仍然有效

$('#popup').on('tap', function(){ 
    var url = $(this).attr('url'); 
    window.open(url, '_parent');    
}); 

注：我補充說： 「url='google.com'」 的標記，並取得href='#'