關閉元素，一旦你點擊另一個元素

嗨老實說話夥計們，我需要你的幫助，即時嘗試做的是下面的腳本顯示覆蓋，一旦你點擊菜單，以及即時嘗試做的是在菜單上我有一個一旦我點擊一個關閉圖標或錨顯示了即時消息嘗試要做的是當你點擊關閉按鈕從聯繫人窗體覆蓋將關閉以及模態聯繫表單。關閉元素，一旦你點擊另一個元素

它的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>

來源

2017-04-19 techno bisuit

將'onclick =「modal.overlay.remove（）」'添加到'' –

答案是

$(function(){ 
    $('#closepls').click(function(){ 
       document.getElementById('welcomeDivsss').remove(); 
    }); 
});

來源

2017-04-19 12:31:00

關閉元素，一旦你點擊另一個元素

回答

相關問題