我爱编程

bootstrap 模态框之remote

2018-02-23  本文已影响0人  秃头大叔

在使用bootstrap模态框加载外面页面时,首次加载后,页面缓存无法更新

//使用方法
$("#myModal").modal({
    remote: "table.html"
});
尝试的解决方案
//bootstrap v2 
$("#myModal").on("hidden", function() {
    $(this).removeData("modal");
});
//bootstrap v3
$("#myModal").on("hidden.bs.modal", function() {
    $(this).removeData("bs.modal");
});

项目中用的v3.3.7 结果均无效

最后找到如下解决办法

//modal初始化和打开之前清除页面内容和缓存数据
$('#myModal .modal-content').empty();
$('#myModal').removeData('bs.modal').modal({
    remote: "xxx"
});
上一篇 下一篇

猜你喜欢

热点阅读