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

玩转Bootstrap(JS插件篇)

最赞回答 / AlisonXu
首先,第三个关闭按钮的父元素是body,根据老师说的:操作关闭按钮时都是先查找 data-target 属性,再查找 href 属性,如果关闭按钮都没有定义这两个属性,就会操作其父元素。点击第三个按钮,第一次点击的时候,关闭了id名为myAlert的元素,第二次点击时,先查找data-target属性,没有;再查找href属性,没有;于是操作其父元素(body),所以把全部内容都关闭了。
把btn-group的data-toggle="button"删掉才正常
很不错啊! 百度搜索页面就是这样的效果!
我觉得按钮的几个状态好像没说清楚! hover click dbclick focus active disabled 灰色状态。等等
<script>
$(function(){
$("#mybutton").click(function(){
$(this).button('loading').delay(1000).queue(function(){
$(this).button('complete');
});
});
});
</script>
是啊,为什么啊!
能,楼下的可能放错了位置
出不来啊。。。。。。
还要加上一个bootstrap.js bootstrap.css
有点像锚链接。
都是差不多的,一种是点击按钮触发事件,一种是点击,随后有了target属性 触发。这里的js其实还是jquery。jquery写更加的方便简洁。
前面的是Bootstrap基础和知识,这节讲了插件,在加上基于网页的web引用,真的是非常全面。
$(function(){
$(".btn").bind("click",function(){
$("#themodal").modal();

});
})


注意一下ID名
Bootstrap官网用法:http://getbootstrap.com/javascript/#dropdowns
不能去掉data-toggle="dropdown"
课程须知
本课程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消