关于bootstrap的data-toggle和data-target
2017-08-02 18:28
761 查看
最近在学习关于bootstrap模态框,代码
尝试着删除data-toggle属性和data-target属性,是的没错,不能实现想要的效果。
已经不止一次遇到data-toggle和data-target了,之前用bootstrap的下拉列表也有
查了一下资料,data-toggle指以什么事件触发,常用的如modal,popover,tooltips还有上面贴的代码中的dropdown等,而data-target指事件的目标,可以为id属性或者类等等,
可以参考:http://blog.sina.com.cn/s/blog_c21a857b0102wbvj.html
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#Adialog">
<div class="modal fade" role="dialog" tabindex="-1" aria-labelledby="Adialog1" aria-hidden="true" id="Adialog"> <div class="modal-dialog">
尝试着删除data-toggle属性和data-target属性,是的没错,不能实现想要的效果。
已经不止一次遇到data-toggle和data-target了,之前用bootstrap的下拉列表也有
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" value="button">下拉菜单 <span class="caret"></span> </button> <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="Menu1"><!--dropdown-menu-right可以使得下拉列表显示在右边,一般不适用--> <li role="presentation" class="dropdown-header">小写的1-5</li><!--使用header一般在手机比较多,比如微信的联系人--> <li><a href="#" role="menuitem">1</a></li> <li><a href="#" role="menuitem">2</a></li> <li><a href="#" role="menuitem">3</a></li> <li><a href="#" role="menuitem">4</a></li> <li><a href="#" role='menuitem'>5</a></li>
查了一下资料,data-toggle指以什么事件触发,常用的如modal,popover,tooltips还有上面贴的代码中的dropdown等,而data-target指事件的目标,可以为id属性或者类等等,
可以参考:http://blog.sina.com.cn/s/blog_c21a857b0102wbvj.html
相关文章推荐
- bootstrap-data-target触发模态弹出窗元素的data使用 data-toggle与data-target的作用 深入ASP.NET MVC之九:Ajax支持 Asp.Net MVC4系列--进阶篇之AJAX
- [Bootstrap] 8. 'Collapse', data-target, data-toggle & data-parent
- Bootstrap中的data-target和data-toggle
- bootstrap中button在data-toggle="##" data-target="xxx"没起作用的解决方法
- bootstrap 中的data-toggle=""
- 杂记(关于this与e.target区别以及data-*属性)
- bootstrap的data-toggle
- bootstrap-data-target触发模态弹出窗元素
- bootstrap data-toggle
- bootstrap-data-target触发模态弹出窗元素的data使用
- bootstrap框架中data-toggle="tab"属性会取消a标签默认行为
- bootstrap 中的data-toggle=""
- aria-expanded ;aria-hidden;data-target;data-toggle
- data-toggle与data-target是什么作用
- [置顶] data-toggle="dropdown"/data-target/data-dismiss/data-backdrop/data-spy/data-slide/data-source是什么意思?
- data-toggle与data-target是什么作用
- data-toggle与data-target的作用
- Bootstrap中data-target 到底是什么
- Bootstrap中data-target 到底是什么
- Bootstrap4 模态框mode 提示框data-toggle="tooltip" 弹出框 data-toggle="popover"