Bootstrap 中： data-toggle 与 data-target 的作用
Bootstrap 中： data-toggle 与 data-target 的作用
微风-- 轻许--
发布于 2019-05-26 20:44:43
发布于 2019-05-26 20:44:43
<button
type="button"
class="update-button"
style="width:70px; height:40px;"
data-toggle="modal"
data-target=".update-Dialog"
> 编辑
</button>
<div class="modal fade update-Dialog">
...
</div>点击编辑按钮，弹出一个静态框。
如上例子中的 button，Bootstrap 为这个元素都绑定了特定事件，覆盖了这些元素原本的行为，
data-toggle：触发事件的类型，如 modal，popover，tooltips 等
data-target ：事件的作用对象 。
以上代码意思：把 class 为 “ update-Dialog ” 的 div 作用为一个 modal（静态框）。
运行效果：
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019年03月18日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读