[英]Close element once you click another element
嗨,老实说,伙计们,我再次需要您的帮助,我想要做的是单击该菜单后下面的脚本显示一个覆盖图,而我想做的是在菜单上我单击了关闭图标后便有一个模态联系表当您从联系人表格中点击关闭按钮时,重叠式广告或锚也会显示我正在尝试做的事情。
它的id是“ closepls” 。下面的js正在创建一个叠加的元素,而我想做的是,当您单击模式上的关闭按钮时,它也会关闭或删除,谢谢
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<!-- This is the close button -->
<div class="close-modal" id="closepls" data-dismiss="modal">
<p class="cl"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> ClOSE</p>
</div>
<div class="modal-dialog">
<div class="modal-content">
<!-- First Div -->
<div class="col-md-6 conone condits">
<h1> Sample Heading
</div>
<!-- END First Div -->
<!-- Second Div -->
<div class="col-md-6 conone">
<!-- Project Details Go Here -->
<?php echo do_shortcode( '[contact-form-7 id="52" title="send"]' ); ?>
</div>
<!-- END Second Div -->
</div>
</div>
</div>
JS
<script>
init=()=>{
//SELECT & BIND (CLICK) EVENT
document.querySelector('a.menuToggle, a#welcomeDivs').addEventListener('click',modal.overlay.init);
}
modal={
overlay:{
init:()=>{
//CREATE OVERLAY
var overlay = document.createElement('overlay');
overlay.id = 'welcomeDivsss';
//SET (CLICK) EVENT TO REMOVE ITSLEF
overlay.addEventListener('click',modal.overlay.remove);
//APPEND TO INTERFACE
document.body.appendChild(overlay);
// After overlay added to html. "welcomeDivsss" is overlay id you specified.
$( "#welcomeDivsss" ).append( '<div class="parela" id="welcomeDiv" <div class="inner_box"> <a onclick="click" class="closes"></a> </div> </div>' );
},
remove:(e)=>{
//REMOVE ITSELF
e.target.parentNode.removeChild(e.target);
document.getElementById('welcomeDivsss').remove();
//Trying to make it happen using this code below
document.getElementById('closepls').remove();
}
}
}
//ON DOCUMENT LOAD RUN INIT
document.addEventListener('DOMContentLoaded',init);
</script>
答案是
$(function(){
$('#closepls').click(function(){
document.getElementById('welcomeDivsss').remove();
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.