jQuery-关闭模态不关闭菜单'但模态

Question

我创建了一个模态，当我按下按钮时会将display属性设置为block。但是现在我正在搜索关闭模态的函数，如果我点击它之外的话。你可以修改我的代码或给我更好的解决方案吗？ ;）

<button id="myBtn">Open Modal</button>

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <span class="close">&times;</span>
    <p>Some text in the Modal..</p>
  </div>

</div>

这是我的jQuery函数，最后一个不起作用。

$('#myBtn').click(function () {
            $('#myModal').css("display","block");
        });

        $('.close').click(function () {
            $('#myModal').css("display","none");
        });
        $(window).click(function(event){
            if(event.currentTarget==$('#myModal'))
                $('#myModal').remove();
        });