当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。