javascript - 创建弹出窗口

Question

我想创建弹出窗口。但我遇到了一些问题:
弹出窗口在点击外部后应该消失。但是在我的解决方案中，当我在其中单击时，弹出窗口消失了。这是我的代码

<div class="popup__show">Click Me</div>
<div class="popup__container">
  <div class="popup">
    hellohellohellohellohellohellohellohellohellohellohellohello
  </div>
</div>

j查询

$(document).ready(function() {
    $('.popup__show').click(function() {
        $('.popup__container').show();
    });
    $('.popup__container').click(function() {
        $('.popup__container').hide();
    });
});

https://jsfiddle.net/fw1d59Lz/ - fiddle 感谢您的回答，对不起我的英语。

Answer 1

您可以在点击弹出窗口时停止事件的传播:

$('.popup').click(function(event) {
    event.stopPropagation();
});

https://jsfiddle.net/fw1d59Lz/1/