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

玩转Bootstrap(JS插件篇)

最新回答 / 落汐颜兮
折叠(Collapse)插件里面创建的可折叠分组或折叠面板叫(accordion)
补充完代码两个模态框还是一样大的有没有
注意是加到button元素:<button class="btn btn-primary" data-toggle="modal" data-target="#mymodal-data" data-backdrop="static" data-keyboard="false" type="button">通过data-target触发</button>
- -感觉区别不大啊

最新回答 / 时光境迁
fade确实是让modal有渐变特效的,bootstrap.js里已经包含了一系列的js,使用的时候只需要导入一个bootstrap.js即可!
代码的话去菜鸟教程网看的更清晰,更加方便练习
把代码复制到编辑器,放到浏览器运行,是可以实现再次点击恢复默认状态的。这里不实现是这个平台的问题吧
复制的代码不能执行啊

最赞回答 / 相遇是缘_04342302
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> <script src="https://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
Refused to load the script &#039;http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js&#039; because it violates the following Content Security Policy directive: &quot;script-src &#039;self&#039; &#039;unsafe-inline&#039; &#039;unsafe-eval&#039; *.imooc.com *.mukewang.com *.baidu.com *.sina.com.cn *.bootcss.com&quot;. 这个报错 服了
这个和基础的第八章内容重复了么?
&lt;script&gt;
$(function(){
$(&#039;.btn&#039;).on(&#039;click&#039;,function(){
$(&quot;#mymodal&quot;).modal({
keyboard:false,
backdrop:&#039;static&#039;
});
})
});
&lt;/script&gt;
(function(){
$(&#039;.btn&#039;).on(&#039;click&#039;,function(){
$(&#039;#themodal&#039;).modal();
})
})();
&lt;script&gt;
$(function(){
$(&#039;.btn&#039;).on(&#039;click&#039;,function(){
$(&#039;#themodal&#039;).modal();
})
})
&lt;/script&gt;
亲测,data-target比较正常一点效果
最后两节自定义没看懂,不明白在什么场合用,怎么用?
课程须知
本课程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消