Question

我正在使用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进行更改后上传网站，访问者将获得无关的结果。

如何禁用/配置缓存？

由于

Answer 1

我有一个解决方案很简单，最后添加 new Date（）。getTime（）。

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

具有远程html文件的Bootstrap3模式 - 禁用缓存

1 个答案: