如何解决单击按钮后弹出显示
该网站上已有一个弹出窗口。他们单击#closeModal按钮后,我需要显示第二个弹出窗口#pop-up。我现在还不熟悉Jquery,所以需要一些帮助。
这是现有的弹出窗口。
<div aria-hidden="true" aria-labelledby="socialModalCenterTitle" class="modal fade hidden-xs" id="socialModalCenter" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<p class="up-to-date">
Stay up to date with the Team.</p>
</div>
<div class="modal-footer">
<button data-dismiss="modal" id="closeModal" type="button">Sign up later</button></div>
</div>
</div>
</div>
这是我要在单击第一个弹出窗口的按钮后显示的弹出窗口
<div class="container" id="pop-up" style="display: none">
<div class="row">
<div class="col-md-12">
<a onclick="document.getElementById('pop-up').style='display:none!important;'; localStorage.setItem('pop-up','shown');"><button class="close" type="button"><span>×</span></button></a>
<p>
This is the new pop up</p>
</div>
</div>
</div>
<script>
$(document).ready(function(){
if(localStorage.getItem('pop-up') != 'shown'){
$("#pop-up").delay(2000).show();
//localStorage.setItem('pop-up','shown');
}
});
</script>
解决方法
可能这就是您想要的:
$('#closeModal').click(function(){
$('#pop-up').show();
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。