Tips

调用方式

tips支持三种不同的调用方式，一般使用$.tips(options)即可。

//最简单的方式，组件会根据默认模板输出dom结构
$.tips(options);

//通过传入模板字符串的方式
$('<div><%=content%><</div>').tips(options);

//通过传入css选择器的方式
$("#id").tips(options);

配置说明

name	type	default	description
content	string	''	提示内容，用来填充模板
stayTime	int	1000	提示停留时间，过了这个时间自动隐藏，设置0则不自动隐藏
type	string	'info'	提示类型，可选info\|warn\|success
callback	funtion	function(){}	回调函数，第一个参数指示回调类型，目前有两种show\|hide

DEMO演示

 <div class="ui-center">

    <div class="ui-btn" id="btn1">弹出提示</div>


</div>

<script type="text/javascript">
var el;
$("#btn1").tap(function(){
    el=$.tips({
        content:'温馨提示内容',
        stayTime:2000,
        type:"success"
    })
    el.on("tips:hide",function(){
        console.log("tips hide");
    })

});



</script>