0

日付ポップアップに 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> &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 コードを親ボックスとポップアップ ボックスの両方に追加しようとしましたが、どちらも機能しませんでした。

4

2 に答える 2

0

タイムスタンプまたはその他の一意の変数を毎回 href パラメータに追加します。それはあなたを助けるでしょう。

var seconds = new Date().getTime();
$.colorbox({href:'popupDate.php'+seconds});
于 2015-04-08T20:41:55.707 に答える