如何在另一个jQuery元素

Question

我正在开发一个通过jQuery显示地图的页面，我在地图前面有一个div，在角落里有一个用来关闭它的x。当我禁用地图时，单击x会关闭div（通过jQuery的fadeOut()函数），但是当地图加载时，x什么都不做。

有没有办法在像这样的分层div上启用.click()功能？使用委托事件处理程序无法解决问题。

$('#close_btn').click(function() {
    $('#msg1').fadeOut('fast');
});

或

$(document).on('click','#close_btn',function() {
    $('#msg1').fadeOut('fast');
});

<div class="message" id="msg1">
    <div class="inner">
        <span class="title">Some stuff!</span>
        <span class="tip_msg">Some other stuff.</span>
        <span id="close_btn"><i class="fa fa-times" aria-hidden="true"></i></span>
    </div>
</div>