为什么我的弹出模式在重定向到不同的页面后没有关闭？

Question

我创建了一个弹出模式，其中包含“立即购买”和“关闭”选项。这两个选项都有效，但当“立即购买”按钮重定向到我将其链接到的页面时，弹出模式仍会显示在后台。我试过window.close（）并返回false;但都没有奏效。我是jQuery的新手，我不知道还有什么方法可以解决这个问题。我在下面提供了我的HTML和jQuery，以及我的错误的实时版本。

https://jsfiddle.net/getMecoffee56/grnbocjd/

HTML

<div id="popup_box">
  <img src="https://cdn.shopify.com/s/files/1/0569/4201/t/9/assets/b66ede311b21409cb9d306d75b121aa8.png?38140025230256355" alt="" height="250" width="180" align="left">
  <h1>$30 off the purchase of $130 and Free Shipping on order of $29 and up.</h1>
  <h2>Try code: ALZI2017</h2>
  <br>

  <button id="shop"><a href="https://www.alzerina.com/collections/ready-to-wear">Shop Now</a></button>
  <button id="buttonClose">Close</button>

</div> 

JQuery的

 $(document).ready(function () {
    //hide hider and popup_box

    $('#popup_box').fadeIn("slow");

    //on click show the hider div and the message
    $("#showpopup").click(function () {


    });
    //on click hide the message
    $("#buttonClose").click(function () {


        $('#popup_box').fadeOut("slow");
    });

   $("#shop").click(function () {


        $('#popup_box').fadeOut("slow");
    });