색상 상자 내용이 IE8에서 업데이트되지 않습니다.

Question

날짜 팝업에 Colorbox를 사용하고 있는데 사람들이 내용이 변경되지 않는다고 말했습니다. (Mac에서는 Chrome/FF를 사용하고 있으므로 IE가 없습니다.) 일단 내가 IE8에서 보았을 때 나는 데이터베이스의 값을 변경하고 창 내용이 변경되자 IE8이 그것을 보여주지 않는다는 것을 알아 차렸다. 저는 FF 나 크롬에서 이런 문제가 없습니다. 여기

는 (PHP 스크립트에 의해 생성 된) 내용이다 :

그것은

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

내 추측하여 메일 파일에서 호출되는

팝업 창에 캐시되고있다

<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> 

IE 그래서 그것은 콘텐츠를 재생성하지 않습니다 ...하지만 확실하지 않습니다.

colorbox를 최신 1.4.15 및 jQuery (최신 1.9.1)로 업데이트했습니다. 이 두 업데이트 중 어느 것도 차이를 만들지 않았습니다. 또한 태그와 태그 안에 내용을 넣으려고 시도했지만 도움이되지 않았습니다. 나는 또한 부모와 팝업 상자에 no-cache HTML과 PHP 코드를 추가하려고 시도했는데 ... 역시 작동하지 않았다.

Answer 1

IE 임시 파일 (캐시)을 삭제하십시오.

이것은 나를 위해 일했습니다.

아마도이 페이지에 대해 no-cache 헤더를 보내야 할 것입니다.

Answer 2

href 매개 변수에 타임 스탬프 또는 다른 고유 한 변수를 매 시간마다 추가하십시오. 그것은 당신을 도울 것입니다.

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