當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


JQuery Mobile Popup arrow用法及代碼示例

用法:

arrow
類型:StringBoolean
默認:""
設置是否使用箭頭繪製彈出窗口。

此選項由widgets/popup.arrow 擴展提供。

此選項也作為數據屬性公開:data-arrow="t,b"

以下值有效:truefalse 或包含逗號分隔的字母列表的字符串 "l"、"t"、"r" 和 "b"。該列表可能為空,在這種情況下,它對應於 false 的值。值 true 對應於列表 "l,t,r,b" 。此列表指示代碼應嘗試沿哪些邊放置箭頭。代碼嘗試以列表中從左到右的順序沿列表中給定的每個邊放置箭頭,直到這樣的放置將導致箭頭精確指向所需的坐標。如果沒有箭頭可以顯示,彈出窗口的位置就好像這個選項的值是 false

支持多種類型:
  • String:以逗號分隔的字母 "l"、"t"、"r" 和 "b" 列表。
  • Boolean:一個值true相當於"t,r,b,l"的值,而false表示不顯示箭頭。

代碼示例:

使用指定的 arrow 選項初始化彈出窗口:

$( ".selector" ).popup({
  arrow: "l,t,r,b"
});

初始化後獲取或設置arrow選項:

// Getter
var arrow = $( ".selector" ).popup( "option", "arrow" );
 
// Setter
$( ".selector" ).popup( "option", "arrow", "l,t,r,b" );

相關用法


注:本文由純淨天空篩選整理自jquerymobile.com大神的英文原創作品 Popup arrow。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。