我正在使用 Colorbox 作为日期弹出窗口,人们一直对我说内容没有改变(我在 Mac 上使用 Chrome/FF,所以没有 IE)。一旦我在 IE8 中查看它,我注意到只要我更改数据库中的值并且 Windows 内容发生更改,IE8 就不会显示它。我在 FF 或 Chrome 中没有这个问题。
这是内容(由 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> » 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 代码添加到我的父级和弹出框......也没有工作。