2010-09-07 4 views
23

я нашел применение следующей функции до ссылки onclose работает, чтобы закрыть FancyBox изнутри плавающем фрейме: parent.$.fancybox.close();FancyBox близко внутри фрейма и принимать родительскую страницу по ссылке

Я хочу, чтобы принять это дальше и иметь связь перенесите родительскую страницу на новый URL-адрес. Я попытался следующие, но это не работает:

<a onclick="location.href='http://www.domain.com/page/';parent.$.fancybox.close();"> Close and go to page</a> 

с помощью a href не работает либо как onclose имеет преимущество.

ответ

33

Очень простое решение ... Не могу поверить, что я не думал об этом !!!

<a href="http://www.domain.com/page/" target="_parent"> Close and go to page</a> 

Когда-то, клянусь, я пытаюсь усложнить ситуацию, чем они есть на самом деле!

+0

Человек, мне все равно, это просто ответ «спасибо». Будь здоров и спасибо. Чистое и быстрое решение. – Luis

17

Вы также можете сделать это, написав функцию на родительской странице:

function closeFancyboxAndRedirectToUrl(url){ 
    $.fancybox.close(); 
    window.location = url; 
} 

Тогда по ссылке внутри фрейма, вы можете сделать это:

<a onclick="parent.closeFancyboxAndRedirectToUrl('http://www.domain.com/page/');">Close and go to page</a> 
+2

Это также очень полезно, если вы хотите использовать функцию в модале, которая вызывает функцию в родительском элементе, чтобы фактически закрыть ее (чрезвычайно полезно для отображения уведомлений внутри родителя при закрытии модального файла, например, после отправки формы) –

14

нет необходимости закрывать фантазии коробка только использовать

function name(){ 
    self.parent.location.href='pageg.php'; 
} 
+1

I ' я попробовал все предложения выше, и только этот работал для меня! Спасибо! –