[英]Hiding Popup Div is not working properly
我有一个弹出式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;}
我不认为您能够按照自己的方式绑定close函数。 尝试这个:
<script type="text/javascript">
$(function () {
$('#divBanner').on('click', '.close', function(){
$('#divBanner').hide();
});
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.