增加一个弹出框,为按钮标签添加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是网页上事实上的脚本语言。流行的网页功能,例如:漂亮的图片...