模态框data属性设置为什么没有用?

Question

1.模态框必须要一个触发器么?不能没有触发器在页面刚加载的时候就弹出么?

2.为什么没有触发器的情况下,给模态框的容器添加data-show data-backdrop等属性的时候没有预期的效果?其中data-show不是设置初始化的时候显示的么?

Answer 1

姜维 2016-09-07 15:48:03

这个是问 bootstrap 的模态框吧，你正常加载 jquery 和 bootstrap 脚本了么？

这些 data- 开头的属性，是设置到触发模态框的元素上的，用于传参，比如：

<button type="button" class="btn btn-primary btn-lg" 
    data-toggle="modal" 
    data-target="#myModal"
    data-backdrop="static"
>
    Launch demo modal
</button>

• 提问者 edgex #1

  谢谢老师,刚买了你的实战课程.表示鼓励吧.正在学习.很不错.
  原来这些属性是给触发器设置的啊,看菜鸟教程上面没有说这个属性是给触发器设置的,所以 我给id='myModal'的DIV设置了. 我现在去试试.
  另外模态框是不是必须得有触发器?!如果我想在页面加载完就弹出模态框,只能把button隐藏,然后用js控制点击button吗? 不写button行不行?

• 姜维 回复 提问者 edgex #2

  可以不写button，使用js来触发，或者给模态框添加样式，让他显示出来。