Закрыть модальный и загрузить новый URL? - PullRequest
Новая
       3

Закрыть модальный и загрузить новый URL?

0 голосов
/ 12 декабря 2010

Я использую ColorBox , чтобы запустить модальное окно на моем сайте.В модале SurveyMonkey загружает опрос.В конце опроса, в зависимости от того, как люди ответят на него, им будет предложено нажать ссылку.При щелчке нам нужно ЗАКРЫТЬ модальное и затем загрузить новую страницу на главном сайте под модальным.Есть ли способ сделать это, нажав на ссылку в модале?

СПАСИБО за вашу помощь и опыт.

1 Ответ

0 голосов
/ 12 декабря 2010 
// put it in the base document
    $(document).bind('cbox_closed', function(){
            // navigate to new URI in a prefered way
    });


// a little different way to achieve same result
$(".example9").colorbox(
{
    onClosed:function()
    {
        // navigate to new URI in a prefered way
    }
});

Дополнительный пример.

HTML: 

<a id="base" href="#">Show colorbox</a>
<div style='display: none'>
        <div id='divModal' style='padding: 10px; background: #fff; border: 1px solid red; z-index=100;'>This is test
            <a id="google" href="#">google.com</a>
        </div>
    </div>

JavaScript: 

$('a#base').colorbox({inline: false, href:'#divModal', width: "150px", height: "100px"});

$('a#google').click(
    function()
    {
        $.colorbox.close();
        window.location = 'google.com';
    }
)
...