html - 我想在我的弹出窗口中添加关闭按钮

Question

我在 enquiry.html 页面打开基本页面后 10 秒调用了一个 Colorbox 页面名称 enquiry.html 我添加了一个关闭按钮但它不起作用看看我的代码

在基页的头部

<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />

在基页正文中

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" async></script> 

<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js" async></script>
<script>
  function openColorBox(){
    $.colorbox({
      iframe:true,
      width:"90%",
      height:"90%",
      href: "enquiry.html",
      onLoad: function() {
        $('#cboxClose').remove();
        setTimeout(function(){
          $(window).colorbox.close();
        }, 250000)
      }
    });
  }
  function countDown(){
    seconds--
    $("#seconds").text(seconds);
    if (seconds === 0){
      openColorBox();
      clearInterval(i);
    }
  }
  var seconds = 10,
      i = setInterval(countDown, 1000);
</script>

在查询.html页面

<input type="button" value="close" onclick=" $(window).colorbox.close()">
  <form name="form1" method="post" action="">
    <p class="close">&nbsp;</p>
  </form>

但是点击关闭按钮并没有关闭

请帮忙提前致谢

Answer 1

你应该尝试使用 $.colorbox.close() 来关闭 colorbox 弹出窗口

有关更多详细信息，请参阅此页面 http://www.jacklmoore.com/colorbox/