为啥点击X不管用，明明定义了关闭事件啊

Question

为啥点击X不管用，明明定义了关闭事件啊

Answer 1

河畔一角 2021-04-01 12:58:14

检查一下关闭按钮有没有宽度和高度，没有占位的话是点击不了的。检查一下样式是不是写的

• poopBB #1

  老师你好，设置了宽高 占位 还是不起作用呐

• poopBB #2

  解决了，可能是因为事件执行顺序的原因，类名为video-bg、video-box、video三者为祖父孙关系，在js中事件流的执行默认是冒泡的方式，当点击video-bg背景图时，showSlide的值确实变成了true，所以视频模块弹框出现，但是当点击叉叉按钮（孙子的点击事件改变showSlide值为false），冒泡到video-box父亲-->再继续冒泡的最顶级video-bg祖父，这时祖父的点击事件里又把showSlide值变成了true，所以video-box弹框没被关闭。老师，请问是这样的吗？
  解决：在祖父和孙子的onclick中加上修饰符.self，就可以解决了
  @click.self