隐藏弹出 Div 无法正常工作答案

【问题标题】：Hiding Popup Div is not working properly隐藏弹出 Div 无法正常工作
【发布时间】：2018-07-29 16:47:14
【问题描述】：

我有一个弹出 div，我想在单击 asp 按钮时使其可见，但问题是当我单击弹出 div 的关闭范围时它不会隐藏，尽管它在页面加载事件中工作正常隐藏在那里，但是当它被 asp 按钮可见时它并没有隐藏。

Javascipt：

<script type="text/javascript">
     $(function () {
         $("#popup_homeBanner .close").click(function () {
             $("#popup_homeBanner").hide();
         });
     });
</script>

HTML：

<div runat="server" id="divBanner" visible="False">
    <div id="popup_homeBanner">    
        <span class="close icon-cancel">close</span>
        <div style="margin: 5% 10% 5% 20%; padding: 10px; border: 0px solid; 
             border-radius: 20px; width: 60%; height: 80%; background-color: 
             #FFFFFF; background-image: url('Banner/Announcement.jpg');  
             background-repeat: no-repeat;
             background-position: center center; background-size: cover;"> 
        </div>
    </div>
</div>

C#：

protected void btnShow_Click(object sender, EventArgs e)
 {
    divBanner.Visible = true;   
 }

CSS：

#popup_homeBanner{float:Left; width:100%; height:100%; left:0; top:0; position:fixed; z-index:100; background: url(../images/opacity_bg.png) left top repeat; text-align:center; display:block;}
#popup_homeBanner .close{position:absolute; display:inline-block; background:#fff; width:50px; padding-right:6px;
-webkit-border-radius: 15px;    
-border-radius: 15px;    
-moz-border-radius:15px;
-khtml-border-radius:15px; margin-top:16px; left:50%; cursor:pointer;}

【问题讨论】：

标签： javascript c# html css asp.net

【解决方案1】：

我不认为你能够以你正在做的方式绑定关闭函数。试试这个：

    <script type="text/javascript">
     $(function () {
$('#divBanner').on('click', '.close', function(){
 $('#divBanner').hide();
});
     });
</script>

【讨论】：