第一次关闭能正常。
再次点关闭按钮整个页面都没了。
这个什么问题呢?
引用不同的bootstrap会有不同的效果,百度 谷歌都提供了各自风格的bootstrap。
首先,第三个关闭按钮的父元素是body,根据老师说的:
操作关闭按钮时都是先查找 data-target 属性,再查找 href 属性,如果关闭按钮都没有定义这两个属性,就会操作其父元素。
点击第三个按钮,第一次点击的时候,关闭了id名为myAlert的元素,第二次点击时,先查找data-target属性,没有;再查找href属性,没有;于是操作其父元素(body),所以把全部内容都关闭了。