2013-04-05 37 views
0

我使用Colorbox作爲日期彈出窗口,並且人們一直對我說內容沒有改變(我在Mac上使用Chrome/FF,因此沒有IE)。一旦我在IE8中查看它,我注意到,只要我更改數據庫中的值並改變了Windows內容,IE8就不會顯示它。我在FF或Chrome中沒有這個問題。在IE8中未更新的彩盒內容

這裏是內容(由PHP腳本生成的):

<link rel="stylesheet" href="http://mouseware.net/weekendcamping/includes/popupbox/colorbox.css" /> 
    <script src="http://mouseware.net/weekendcamping/includes/popupbox/jquery.colorbox-min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      // Colorbox elements 
      $(".inline").colorbox({inline:true, width:"50%", height:"50%"});$(".ajax").colorbox({width:"50%", height:"50%"});$(".ajax_lg").colorbox({width:"75%", height:"75%"});$(".ajax_tall").colorbox({width:"50%", height:"75%"}); 
     }); 
    </script> 
       <div align="left" style="font-size:8pt;"><a href="http://mouseware.net/weekendcamping/administrator/index.php?option=reservations&act=selectDate&loc=1&height=400&width=400&dsptmpl=1" class="thickbox" style="font-size:8pt; color:#000000;">Location</a> &raquo; Date</div><br /> 
     <table align="center" cellpadding="2" cellspacing="1" border="0" style="padding:0; margin:0;"> 
      <tr> 
       <th> 
        <div style="font-size:16pt; font-weight:bold;">Select Date</div> 
       </th> 
      </tr> 
           <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('04/05/2013 - 04/07/2013')">04/05/2013 - 04/07/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('04/12/2013 - 04/14/2013')">04/12/2013 - 04/14/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('04/19/2013 - 04/21/2013')">04/19/2013 - 04/21/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('04/26/2013 - 04/28/2013')">04/26/2013 - 04/28/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('05/03/2013 - 05/05/2013')">05/03/2013 - 05/05/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('05/10/2013 - 05/12/2013')">05/10/2013 - 05/12/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('05/17/2013 - 05/19/2013')">05/17/2013 - 05/19/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('05/24/2013 - 05/26/2013')">05/24/2013 - 05/26/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('05/31/2013 - 06/02/2013')">05/31/2013 - 06/02/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('06/07/2013 - 06/09/2013')">06/07/2013 - 06/09/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('06/14/2013 - 06/16/2013')">06/14/2013 - 06/16/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('06/21/2013 - 06/23/2013')">06/21/2013 - 06/23/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('09/06/2013 - 09/08/2013')">09/06/2013 - 09/08/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('06/28/2013 - 06/30/2013')">06/28/2013 - 06/30/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('09/20/2013 - 09/22/2013')">09/20/2013 - 09/22/2013</a> 
         </td> 
        </tr> 
              <tr> 
         <td> 
          <a href="#" onClick="$.colorbox.close(); updateEventDate('10/11/2013 - 10/13/2013')">10/11/2013 - 10/13/2013</a> 
         </td> 
        </tr> 
           </table> 

它是從郵件文件由

$.colorbox({href:'popupDate.php', width:'50%', height:'50%'}) 

我最好的猜測被稱爲是彈出窗口被以緩存IE瀏覽器,所以它不會重新生成內容......但我不確定。

我已經更新了最新的顏色框1.4.15和jQuery到最新的1.9.1。這些更新都沒有改變。我也嘗試將這些內容放入標籤和標籤中,但這並沒有幫助。我也嘗試添加無緩存的HTML和PHP代碼到我的父母和彈出框......也沒有工作。

回答

0

嘗試刪除IE臨時文件(緩存)。

這對我有效。

也許你應該爲這個頁面發送一些no-cache標頭。

+0

我試過「」並沒有解決問題。 – mightymouse3062 2013-04-07 00:44:51

+0

試試** PHP **標題: [http://james.cridland.net/code/caching.html](http://james.cridland.net/code/caching.html) – 2013-04-08 17:44:43

+0

試過,沒有不行。我仍然遇到與IE8中的頁面內容改變相同的問題,但不能重新加載 – mightymouse3062 2013-04-08 23:03:59

0

每次向href參數添加時間戳或其他唯一變量。它會幫助你。

var seconds = new Date().getTime(); 
$.colorbox({href:'popupDate.php'+seconds});