当前位置:   article > 正文

data-toggle和data-target

data-target

data-toggle:
常用的三个值:modal,popover,tooltips
①modal:模态框,可以在父窗体上覆盖一个子窗体,通过data-target指向想以模态框表示的目标。
比如:我想通过点击按钮出现一个子窗体(有点像弹出一个小页面那种),就可以将
data-target="#要显示的部分的id"。
效果:点击按钮时,子窗体的内容就是要显示的部分的内容
②popover:弹出框
通过title=“你想设置的弹出框的标题”,data-content="你想显示的内容"来设置你的弹出框。
比如:一个标签设置了上述
效果:鼠标对标签进行操作的时候就会弹出一个框显示你刚设置的内容
③tooltip:提示框
和popover的效果差不多,但是显示内容用title属性来设置,然后可以通过data-placement属性来设置提示框显示的方向,top,bottom,left, right
ps:以上是通过看了一些网络上的帖子做的大致总结,要是哪里错了,可以指出,后面如果我发现哪里不太对或者漏点了什么细节的话会在评论区补充!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/69437
推荐阅读
相关标签
  

闽ICP备14008679号