-
- 农民工024 2020-07-12
弹窗效果实践
-
截图0赞 · 0采集
-
- 为了自己加油 2019-04-10
Bootstrap中的插件-data属性
通过data属性控制页面交互
$(document).off('.data-api') 解除属性绑定
- 0赞 · 0采集
-
- 爱学习的小鹏友 2019-03-27
- toggle?
-
截图0赞 · 0采集
-
- PQ123456 2019-03-10
- $(document).off("data-api")移出某个data-属性
-
截图0赞 · 0采集
-
- PQ123456 2019-02-26
- $（document).off(data-api)
-
截图0赞 · 0采集
-
- weixin_慕圣0346361 2018-12-20
- bootstrap 插件依赖BootStrap.js
- 0赞 · 0采集
-
- 斌哥在此 2018-09-05
bootstrap4.0写法 <div > <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">弹窗</button> </div> <div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title " id="myModalLabel">标题</h4> <button type="button" class="close" data-dismiss="modal"> <span>×</span><span class="sr-only justify-content-center">关闭弹窗</span> </button> </div> <div class="modal-body">慕课网</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div> <button class="btn btn-danger btn-lg " data-toggle="modal" data-target="#danger"> 这是测试按钮 </button> <div id="danger"> 这是内容 </div>
- 1赞 · 0采集
-
- 慕粉012531560 2018-08-15
11211
-
截图0赞 · 0采集
-
- 慕粉2026319708 2018-08-07
插件引用：
1、bootstrap插件依赖bootstrap.js
2、bootstrap.js基于jQuery（引用jQuery之后才能引入bootstrap.js，注意先后顺序不能搞反）
注意：不同版本的bootstrap.js依赖的jQuery版本不一样
data属性：
1、通过data属性控制页面交互
2、$(document).off('.data-api')解除属性绑定
data-target="" 指定相应内容的位置
data-toggle=""绑定方法
data-dismiss=""关闭方法
- 1赞 · 2采集
-
- 慕粉084536660 2018-07-12
data-target="#id名字" 跳转到id的位置
data-dismiss="类名" 原理同上
- 0赞 · 1采集
-
- 慕少安 2018-07-05
插件引用：
1、bootstrap插件依赖bootstrap.js
2、bootstrap.js基于jQuery（引用jQuery之后才能引入bootstrap.js，注意先后顺序不能搞反）
注意：不同版本的bootstrap.js依赖的jQuery版本不一样
data属性：
1、通过data属性控制页面交互
2、$(document).off('.data-api')解除属性绑定
- 0赞 · 0采集
-
- yxl1074399 2018-06-26
data-target="" 指定相应内容的位置
data-toggle=""绑定方法
data-dismiss=""关闭方法
- 0赞 · 0采集
-
- yxl1074399 2018-06-26
Bootstrap插件-data属性
-
截图0赞 · 0采集
-
- 宝慕林6292338 2018-04-25
<body>
<div class="panel panel-default">
<button type="button" class-="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" >弹窗</button>
</div>
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span>×</span><span class="sr-only">关闭弹窗</span></button>
<h4 class="modal-title" id="myModalLabel">标题</h4>
</div>
<div class="modal-body">慕课网</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary">保存</button>
</div>
</div>
</div>
</div>
</body>
- 0赞 · 0采集
-
- 深山老龟 2018-04-18
2
-
截图0赞 · 0采集
-
- 深山老龟 2018-04-18
data属性
-
截图0赞 · 0采集
-
- 深山老龟 2018-04-18
引用
-
截图0赞 · 0采集
-
- sTone_StarDust 2018-01-28
- modal.js + data-toggle + data-target BootStrap提供的这几个东西 可以实现一个类似弹窗的组件之间的联动
-
截图0赞 · 0采集
-
- sTone_StarDust 2018-01-28
- 一个基本的弹窗效果 类比Antd（antd的设计理念基本继承了BootStrap） 就明白了 另外： data-toggle="modal" //该组件绑定了modal.js data-target="#myModal" //该组件指向了id="myModal"的组件
-
截图3赞 · 1采集
-
- sTone_StarDust 2018-01-28
- 要有制作插件的意识： 1- 复用性高 2- 耦合性低（解耦）
-
截图0赞 · 0采集
-
- sTone_StarDust 2018-01-28
- BootStrap简单的依赖关系 描述 1- 不同的BootStrap依赖的Jquery版本是不一样的
-
截图0赞 · 0采集
-
- lvna 2018-01-18
- 弹窗实现，弹窗包括标题，内容，底部按钮三部分
- 0赞 · 0采集
-
- 风中过客 2018-01-07
- data-dismiss 是一个定制的 HTML5 data 属性。用于关闭模态窗口。
- 0赞 · 0采集
-
- 晚霜 2017-12-18
- <button class="btn btn-success btn-lg" data-toggle="modal" data-target="#showme">点击弹窗</button> <div id="showme">显示我</div>
- 0赞 · 0采集
-
- 茂茂_0001 2017-09-19
- <button class="btn btn-success btn-lg" data-toggle="modal" data-target="#showme">点击弹窗</button> <div id="showme">显示我</div> 慢慢搭建想要的效果，不要一次性想要完成整个
-
截图0赞 · 0采集
-
- 茂茂_0001 2017-09-19
- ata-toggle 绑定了modal.js 方法 button标签中的data-target属性指明弹窗的区域 弹出窗的data-dismiss 关闭弹窗的效果
-
截图0赞 · 0采集
-
- 茂茂_0001 2017-09-19
- 首先研究别人的代码结构
-
截图1赞 · 1采集
-
- 茂茂_0001 2017-09-19
- bootstrap中是如何是实现交互效果
-
截图0赞 · 0采集
-
- 茂茂_0001 2017-09-19
- bootstrap中的插件
-
截图0赞 · 0采集
-
- Chrimisia 2017-07-22
- data属性
-
截图0赞 · 0采集
