bootstrap3 modal可以通过remote参数加载一个远程页面在.modal-content中,这可以帮助我们解决许多动态内容的问题。但同时它也存在一个问题,就是会缓存页面内容。解决的方法:
//modal初始化和打开之前清除页面内容和缓存数据
$('#myModal .modal-content').empty();
$('#myModal').removeData('bs.modal').modal({
remote: "xxx"
});
这样就能解决缓存问题了。
需要注意的是boostrap4中去掉了modal的remote参数,也就是说不能在modal中load其他页面了,降低了灵活性。