0

私は Twitter Bootstrap を使用しており、私のコードでは、外部 HTML ファイルを指すリモート オプションを使用してモーダルを表示しています。HTMLファイルが正常に読み込まれ、モーダルが正常に表示されます。問題は、html ファイルに変更を加えて再度起動すると、ブラウザのキャッシュを削除するまで変更が読み込まれないことです。

これは私のコードです：

$('#modal').modal({
    remote: baseUrl + 'Content/templates/speedtest.html'
});

speedtest には次のものが含まれます。

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Title</h4>
        </div>
        <div class="modal-body">
            My Message
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
    </div>
</div>

開発中は、html に変更を加えて、キャッシュを削除せずにその変更をすばやく確認したいので、非常に使いにくいです。

また、サイトをアップロードした後に html に変更を加えると、訪問者が無関係な結果を得ることが懸念されます。

キャッシュを無効化/構成するにはどうすればよいですか?

ありがとう

4

1 に答える 1

0

解決策はとても簡単です。最後にnew Date().getTime()を追加してください。

$('#modal').modal({
  remote: baseUrl + 'Content/templates/speedtest.html?'+new Date().getTime()
});
于 2015-10-05T07:19:18.670 に答える