tooltip

简介

tooltip可以用于任何元素上的标题显示提示信息。


使用方法

2.1创建弹出消息EAS8.0+
$("body").append("<p id='tooltip'><a id='tooltip-input1' class=\"btn\" >右侧tooltip</a></p>");
waf('#tooltip-input1').wafTooltip({
    title: "提示信息内容", 
    trigger:"hover focus", 
    placement:"right",
    container:waf("body")
});
2.2方法使用EAS8.0+
//调用方法
waf("#id").wafTooltip("method", parameter...);
//eg:方法调用
waf("#id").wafTooltip("getTitle");
waf("#id").wafTooltip("setContent","提示信息内容");

属性说明

animation Boolean 缺省值: true EAS8.0+

定义浮动提示的显示动画效果

placement String 缺省值: “top” EAS8.0+

设置弹出层位置和大小

selector Boolean 缺省值: false EAS8.0+

定义常用选择控制方式

trigger string 缺省值: “click” EAS8.0+

定义浮动弹出窗口触发方式

title String 缺省值: “” EAS8.0+

定义浮动提示的标题

delay Boolean 缺省值: 0 EAS8.0+

定义浮动提示显示是否有延迟

html Boolean 缺省值: false EAS8.0+

弹出框内容是否使用HTML

container Object 缺省值: $(“body”) EAS8.0+

向指定元素追加提示工具


方法说明

show 参数: (无) 返回值类型: (String) EAS8.0+

显示浮动弹出信息

  • 参数说明: 无
  • 返回值说明: 无

hide 参数: (无) 返回值类型: (无) EAS8.0+

隐藏浮动信息

  • 参数说明: 无
  • 返回值说明: 无

getTitle 参数: (无) 返回值类型: (String) EAS8.0+

获得浮动显示信息的标题

  • 参数说明: 无
  • 返回值说明: 无

样例集合

  1. 基本用法