增加一个弹出框,为按钮标签添加data-toggle=”popover”
使用弹出框(popover)插件,必须使用jQuery激活:
function (){ $("[data-toggle='popover']").popover( { 参数 } ); }
参数:
placement:规定如何定位弹出框(left | top | right | buttom | auto):如果使用auto时,会动态调整弹出框;trigger:定义如何触发弹出框(触发方式);delay:延迟显示和隐藏弹出框的毫秒数;
方法:
Toggle:切换显示/隐藏元素的弹出框;show:显示元素的弹出框;hide:隐藏元素的弹出框;destroy:隐藏并销毁元素的弹出框;
事件:
show.bs.popover:当调用show方法时触发;shown.bs.popover: 当弹出框对用户可见时触发;
hide.bs.popover:当调用hide方法时触发; hiden.bs.popover:当工具提示对用户隐藏式触发;
bootstrap弹出框popover:
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 一般我们通过下面代码进行popover的初始化: 假如现在你想对popover的内容进行修改,你可能会在初始化po...
- 第4章 Bootstrap装饰插件 JavaScript是网页上事实上的脚本语言。流行的网页功能,例如:漂亮的图片...