bootstrap的弹出框

data-toggle="popover";//以弹出框事件触发

data-content="弹出框中内容"; 

data-placement="弹出框方向";  

title="标题文字";

data-html="true"; // 可使用html

data-trigger="focus";// 失去焦点时关闭(trigger="触发器";focus="焦点")

//初始化弹出框

$("触发器").popover();

//显示提示框

$("#id").popover('show');

//显示事件

$("#id").on('show.bs.popover',function(e){

   alert("弹出框被显示");

});

//弹出框被关闭

$("#id").on('hidden.bs.popover',function(e){

  alert("弹出框被关闭");

});

posted @ 2016-11-28 10:09  小短腿奔跑吧  阅读(217)  评论(0编辑  收藏  举报