为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(JS插件篇)

$("#myPopover").popover({
title:"弹出框的标题",
content:"弹出框的内容",
placement:"right"
});
data-original-title 的优先级要高于 title
preventDefault的作用是取消事件的默认动作
<body data-spy="scroll" data-target=".bs-example"> 和固定导航条navbar-fixed-top
<div class="scrollspy" data-spy="scroll" data-target="#navbar-menu" data-offset="60">

</div>
data-target="#navbar-example2"
<script>
$(function(){
$(".btn").click(function(){
$("#themodal").modal();
});
})
</script>
data-backdrop="true" 点击背景关闭模态框;data-backdrop="static" 点击背景不会关闭模态框;data-keyboard="true" 按ESC健关闭模态框;data-keyboard="false" 按ESC健不会关闭模态框。
方法一:模态弹出窗声明,只需要自定义两个必要的属性:data-toggle和data-target(bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性。比如data-toggle="" 或者 data-dismiss="")。
方法二:触发模态弹出窗也可以是一个链接<a>元素,那么可以使用链接元素自带的href属性替代data-target属性。
因为在Bootstrap中的JavaScript插件都是依赖于jQuery库,所以不论是单独导入还一次性导入之前必须先导入jQuery库。

最新回答 / 偏执面
 <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125">就可以了

最新回答 / qq_小飞飞_0
用js来做:$("#模态框id").modal("show");  //显示模态框$("#模态框id").modal("hide");  //隐藏模态框
滚动条的位置和导航项对应的不准确!
测试过是title的优先级高于data-original-title
课程须知
本课程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消