colorbox，关闭后重定向到特定页面

Question

这是情景：

1. 我有一个时事通讯服务，在收到疑难电子邮件时要求我提供成功的URL。
2. 我在html中做了一个“感谢页面”。
3. 我已经嵌入了在主html中启动简单html部分的colorbox。
4. 点击真正关闭的按钮（#cboxClose）后，我需要重定向到主站点页面。

启动colorbox的脚本是：

<script type="text/javascript"> 
        $(document).ready(function(){
        $.colorbox({width:"60%", inline:true, href:"#suscripcion", transition:"fade"});
        }); 
 </script>

调用colorbox模式的html是这样的：

<div style="display:none">
    <div id="suscripcion">
        <p><strong>Main Title</strong></p>
        <p>Thank you...</p>
        <ul>
        <li>Specs 1</li>
        <li>Specs 2</li>
        <li>Specs 3</li>
        </ul>
        <p>Good bye...</p>
    </div>                              
</div>

我不知道如何制作这个，我尝试了一些搜索“colorbox redirect ...”的例子，但没有任何作用，所以任何帮助都非常感激。 感谢。

Answer 1

您可以click这种方式使用#cboxClose事件重定向到您的主页：

$("#cboxClose").click(function(){
   location.href = "main-page.html";
});

对代码应用更改：

$(document).ready(function(){
  $.colorbox({width:"60%", inline:true, href:"#suscripcion", transition:"fade"});
  $("#cboxClose").click(function(){
    location.href = "main-page.html";
  });

});