-
弹出框--提示框和弹出框的异同 弹出框中HTML自定义的 data 属性和提示框中的自定义的 data 属性基本相同，只不过在其基础上增加了一个 data-content 属性，用来设置弹出框的内容。其实两插件也有略微的不同： 1.提示框 tooltip 的默认触发事件是 hover 和 focus，而弹出框 popover 是 click 2.提示框 tooltip 只有一个内容(title)，而弹出框不仅可以设置标题（title）还可以设置内容(content)查看全部
-
弹出框--触发弹出框的方法 Bootstrap框架中触发弹出框和提示框一样不能直接通过HTML的自定义data属性来触发。需要依赖于JavaScript脚本。 $(function(){ $('[data-toggle="popover"]').popover(); }); 注意：上面这种方法注意要使用 data- 设置弹出框的属性。 除此之外，也可以单独指定一个元素，在该元素上调用提示框，并且可能通过JavaScript的各种参数来实现，无需定义一些data属性查看全部
-
提示框--JS设置参数方法查看全部
-
提示框--其他的自定义属性查看全部
-
提示框--JS触发提示框方法: 最简单的触发方式如下： $(function(){ $('[data-toggle="tooltip"]').tooltip(); }); 除此之外，也可以单独指定一个元素，在该元素上调用提示框，并且可能通过JavaScript的各种参数来实现，无需定义一些 data 属性，如： $(function(){ $('#myTooltip').tooltip({ title:"我是一个提示框，我在顶部出现", placement:'top' }); });查看全部
-
提示框--结构 Bootstrap框架中的tooltip的插件提供了四种不同的风格： 在Bootstrap框架中的提示框是用按钮<button>标签或者链接<a>标签来制作 需要特别注意的是： 1、如果同时设置了 data-original-title 和 title 定义提示信息，那么 data-original-title 的优先级要高于 title。只有 data-original-title 值为空时，才会取 title 的值做为提示信息的内容。 2、Bootstrap框架中的提示框的触发方式和前面介绍的插件略有不同。不能直接通过自定义的属性 data- 来触发。 $(function(){ $("[data-toggle='tooltip']").tooltip(); });查看全部
-
选项卡--JavaScript触发方法 调用方法: 在每个链接的单击事件中调用tab("show")方法，显示对应的标签面板内容。 $(function(){ $("#myTab a").click(function(e){ e.preventDefault(); $(this).tab("show"); }); })查看全部
-
选项卡--胶囊式选项卡（nav-pills） 在Bootstrap除了可以让 nav-tabs 具有选项卡的切换功能之外，还可以对胶囊式 nav-pills 导航也具有选项卡的功能。我们只需要将 nav-tabs 换成 nav-pills，另外关键一点是将 data-toggle="tab"换成data-toggle="pill"。查看全部
-
选项卡--为选择卡添加fade样式查看全部
-
选项卡--触发切换效果 声明式触发选项卡需要满足以下几点要求： 1、选项卡导航链接中要设置 data-toggle="tab" 2、并且设置 data-target="对应内容面板的选择符(一般是ID)"; 如果是链接的话，还可以通过 href="对应内容面板的选择符(一般是ID)" 3、面板内容统一放在 tab-content 容器中，而且每个内容面板 tab-pane 都需要设置一个独立的选择符（最好是ID）与选项卡中的 data-target 或 href 的值匹配。查看全部
-
关键一点，选项卡中链接的锚点要与对应的面板内容容器的ID相匹配。查看全部
-
Bootstrap框架中的选项卡主要有两部分内容组成： 选项卡组件（也就是菜单组件），对应的是 Bootstrap的 nav-tabs） 底部可以切换的选项卡面板，在 Bootstrap 中通常 tab-pane 来表示查看全部
-
滚动监控器--在body中加监控 除了这种方法之外，还可以直接在body上进行滚动条监控，此时要将滚动监控器移到body上，而且导航nav一定要在body内部。 在body内部加入<body data-spy="scroll" data-target="#navbar-menu"> 导航条必须设置为顶部固定样式（navbar-fixed-top）查看全部
-
声明属性触发滚动监控 为监控对象设置被监控的data属性：data-spy="scroll"，指定监控的导航条：data-target="#navbar-menu"。查看全部
-
滚动监控器的设计查看全部
举报
0/150
提交
取消