单击按钮时关闭弹出窗口

【问题标题】：Close popup window upon button click单击按钮时关闭弹出窗口
【发布时间】：2018-02-27 07:30:43
【问题描述】：

我已使用以下脚本打开 woocommerce 产品的弹出窗口。
我期待自动关闭此窗口，因为我将单击“添加到购物车”按钮。
有人可以帮我完成这项任务吗？

<script>// <![CDATA[
 function pop1(){
     window.open(
       'https://www.veggietiffin.co.uk/product/flextiffin-plan'
       ,'popwin'
       ,'width=640
       , height=480'
     );
 }
// ]]></script>
<p>
    <a href="#" onclick="pop1()">Flex Tiffin Day 1</a>
</p>

【问题讨论】：

格式化代码和清理标题

标签： wordpress woocommerce popup popupwindow

【解决方案1】：

这是一个代码，只是将按钮类更改为您网站上的类，玩得开心

  <script>
    function pop1() {

      //wrapping the popup inside a variable
      var popup = window.open('https://www.veggietiffin.co.uk/product/flextiffin-plan', 'popwin', 'width=640, height=480');


      //add event listner to add to cart button
      document.getElementsByClassName('your class here').addEventListener("click", function() {
        window.close(popup);
      });

    }

  </script>

【讨论】：