2015-03-19 188 views
1

我有一個頁面,用戶將點擊按鈕,然後一個fancybox彈出窗口將出現,並在那裏有一個PHP文件,你可以更新所有的領域。我想要發生的是,當我按下更新按鈕後,整個頁面將刷新並關閉彈出窗口。但是,發生什麼事是,我按更新後只有彈出窗口刷新。我怎麼能這樣做?刷新整個頁面後提交(Fancybox)

在此頁面

是我呼應所有的用戶信息的

emp_refer.php更新後

 <a id="various5" href="http://i-refer.elitebpocareers.com/refer/updateInfo.php"> 
        <button class="button">Edit Personal Information</button> 
       </a> 


     <SCRIPT TYPE = "text/javascript"> 

     $("#various5").fancybox({ 
     'width'    : '75%', 
     'height'   : '75%', 
     'autoScale'   : false, 
     'transitionIn'  : 'none', 
     'transitionOut'  : 'none', 
     'type'    : 'iframe' 
     }); 

     </SCRIPT> 

然後在2頁我做這個代碼,並彈出只刷新

echo "<meta http-equiv='refresh' content='0; url=emp_refer.php'>"; 

回答

0

你可以做的是:

在第2頁,更新後運行fancybox.close()方法,而不是meta標籤,如:

echo "<script>parent.jQuery.fancybox.close();</script>"; 

然後,在你的fancybox初始化腳本(emp_refer.php頁)onClosed回調添加到您的API在它的選項並運行location.reload()喜歡:

$("#various5").fancybox({ 
    'width': '75%', 
    'height': '75%', 
    'autoScale': false, 
    'transitionIn': 'none', 
    'transitionOut': 'none', 
    'type': 'iframe', 
    'onClosed': function() { 
     location.reload(); 
     return; 
    } 
}); 

注意:如果您使用的fancybox V2.X使用afterClose回調

+0

我使用fancybox 2.1和什麼afterClose回調? – user3235016 2015-03-21 15:08:04

+0

@ user3235016:你應該使用一個而不是'onClosed'作爲上面的例子 – JFK 2015-03-21 17:46:28