colobox, перенаправить на определенную страницу после закрытия

Question

colobox, перенаправить на определенную страницу после закрытия

0

Это сценарий:

У меня есть служба рассылки новостей, которая запрашивает у меня URL-адрес на успех при получении электронной почты супшина.
Я сделал "страницу благодарности" в html.
Я вставляю colorbox, который запускает простую часть html внутри основного html.
Мне нужно перенаправить на главную страницу сайта после щелчка в подлинном закрытии buttom (#cboxClose).

Скрипт, запускающий colorbox, следующий:

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

Html, который вызывается в colorbox modal, выглядит примерно так:

<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...", но ничего не работает, поэтому любая помощь действительно ценится. Благодарю.

user1586214 14 март 2014, в 12:13

Источник

Теги:

jquery

html

colorbox

1 ответ

Ещё вопросы

G.Mendes · Accepted Answer · 2014-03-14T08-45-00.000Z

Вы можете использовать событие 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";
  });

});