Fancy Box - как обновить родительскую страницу при закрытии всплывающего окна iframe?

Question

Я хочу, чтобы моя родительская страница обновлялась при закрытии всплывающего окна Fancy Box. У меня есть страница входа во всплывающем окне, поэтому мне нужно обновить родительскую страницу, чтобы показать новое состояние входа при закрытии Fancy Box.

---

Я могу заставить его работать без кода iFrame:

<script type="text/javascript">
 $(document).ready(function() {
  $("a.iframeFancybox1").fancybox({
   'width': 800,
   'height': 450,   
   'onClosed': function() {   
     parent.location.reload(true); 
    ;}
   });
 });
</script>

---

Но я не могу заставить его работать с кодом iFrame:

<script type="text/javascript">
 $(document).ready(function() {
  $('a.iframeFancybox1').fancybox({
   'width': 800,
   'height': 450,
   'type' : 'iframe'
   'onClosed': function() {
     parent.location.reload(true); 
    ;}
   });
 });
</script>

---

Проблема связана с этой строкой:

'type' : 'iframe'


Как только я добавляю эту строку, всплывающее окно перестает работать.

Может кто-нибудь предложить решение относительно того, как я могу заставить iframe всплывающее окно в Fancy Box и по-прежнему обновлять родительскую страницу при закрытии коробки? Спасибо!

Answer 1

При использовании примеров с «location.reload» вы получаете всплывающее окно браузера, которое позволяет вам знать, что необходимо перезагрузить страницу.Я нажал кнопку, чтобы обновить страницу без всплывающего предупреждения.

$(".addDoc").colorbox({
    iframe: true, 
    width: "550px", 
    height: "230px",
    'onClosed': function() {
        $("#btnContSave").click();
    }
});