IE8-11,bootstrap-modal.js,模态框，缓存问题

最新推荐文章于 2026-06-21 16:58:33 发布
原创 最新推荐文章于 2026-06-21 16:58:33 发布 · 1.7k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#Bootstrap #modal 缓存 cache #ie 11 #ie 8 #浏览器
本文探讨了在IE8-11浏览器中使用Bootstrap模态框遇到的问题：修改后的实体值无法正确显示。通过深入分析，发现是由于IE缓存导致，并给出了具体的解决方案。

问题描述：IE8-11浏览器中

编辑某个实体，使用Bootstrap的模态组件modal，修改完成后，再此点击修改，模态框中还是显示未修改之前的值，但数据库明明已修改；

初步判定是modal框缓存问题；


经过 $(this).removeData();处理后问题仍然存在;

最终找到问题的解决方法：要在对应的编辑action增加

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]//不加的话，IE缓存会捣乱


最后，总结：IE，你真的退出互联网界吧





modal:一个原生写的简单模态框，支持IE8以上、chrome
05-01
介绍 一个原生写的简单模态框，兼容IE8。 功能特性 1.支持标签属性关闭弹窗。 2.支持点击弹窗区域外背景关闭弹窗。 3.支持两种打开弹窗动画效果。 4.支持ESC快捷键关闭弹窗。 5.支持打开多个弹窗。 目录结构 │ //根目录 │ modal.html //示例文件 │ ├─css //样式目录 │ modal.css │ └─js //js目录 modal.js 使用说明 js示例 //打开弹窗 modal.init({    el: '#js-modal', //挂载值，必须是标签元素的#id    open: 'show' //show为打开 }); //关闭弹窗 modal.init({    el: '#js-modal', //挂载值，必须是标签元素的#id    open: 'hide' //hide为关闭 }); 属
关于Bootstrap之JS插件模态框的重要注意事项
weixin_33898876的博客
10-15 237
2019独角兽企业重金招聘Python工程师标准>>> ...
网页全屏，modal 弹框无法显示的问题
AsuraSylar的博客
07-12 4487
问题描述页面主体部分全屏后，页面中的所有弹窗不能显示，退出全屏后，弹窗正常。解决方法校园项目中，所有用到的弹窗为iview的弹窗组件，该弹窗组件会生成在body中，和项目主体app为平行关系，项目主体全屏后，层级最高，弹出会被盖在app层级下面，不能显示。解决方法--调用document.documentElement // 全屏 requestFullscreen = (eleme...
VividTalk：如何用一张照片和一段语音生成会说话的动态视频
gitblog_00613的博客
05-21 336
你是否曾经想过，如果能让一张静态照片"活"起来，让它能根据你的语音自然地说话、做表情？现在，这个想法不再只是科幻电影中的场景。VividTalk，这个基于3D混合先验的单次音频驱动说话头生成技术，正在让静态图像拥有生命。 想象一下这些场景：你想为逝去的亲人制作一段纪念视频，但只有几张老照片；你需要为虚拟主播创建内容，但不想每次都真人出镜；或者你希望为在线教育课程制作生动的讲解视频，但缺乏专业的视
解决打开modal窗口，第两次报modalName.modal is not a function的错误
miaoch的博客
04-09 1766
今天遇到一个比较诡异的问题，当我使用Bootstrap的modal时，我的方式是，show这个modal，然后调用html()将ajax的返回页面插入到modal的div中。我第一次打开这个modal总是成功的，可是再调用这个modal的modal()方法就会报modalName.modal is not a function。后来才发现，是因为我返回的页面头部有<script src="$...
bootstrap modal 点击按钮modal无反应不弹出
qq_35976548的博客
12-29 4815
Bootstrap Modal无法弹出
bootstrap支持ie8 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
热门推荐
小北哥哥和北妈
04-18 1万+
做一个在线系统，PC端也要做，但要兼容千恶的IE8【IE6 是万恶，打死我都不会管IE6】，IE8 是我底线了md， 在IE8下 bottstrap 错乱，变形，不支持一些属性的问题，下面看了一篇 某兄台 借我手弄过来，供大家参考，一般参考第一、第三种方案，基本可以解决兼容问题。。。 让IE6 IE7 IE8 IE9 IE10 IE11支持Boots
Vue项目集成Bootstrap 4的正确姿势：告别jQuery冲突
weixin_34301132的博客
06-20 461
Bootstrap 4 是一套基于 CSS 类名和 jQuery 插件的前端框架，其命令式 DOM 操作机制与 Vue 的声明式响应式系统存在根本性冲突——直接引入 bootstrap.js 会导致 v-model 失效、事件丢失、内存泄漏等问题。核心原理在于 Vue 通过虚拟 DOM Diff 重建真实 DOM，而 Bootstrap 插件依赖静态 DOM 引用和 jQuery 事件绑定，二者运行时环境不兼容。技术价值体现在解耦 UI 表现与状态逻辑，保障可维护性与升级稳定性。典型应用场景包括政企级管理后
用 opacity 实现高性能可访问模态框的完整实践
最新发布
weixin_30566111的博客
06-21 313
模态框（Modal）是 Web 交互中高频使用的复合组件，其本质是控制元素视觉显隐与用户焦点流的协同机制。传统 display: none 触发重排重绘，影响性能与可访问性；而 opacity 仅触发合成层更新，具备硬件加速、状态解耦和无障碍兼容三大技术优势。结合 visibility: hidden 和 pointer-events: none 可构建零闪烁、可聚焦、可键盘导航的稳定方案。该方法广泛适用于 Vue/React 状态管理、金融后台、政府服务平台等对性能与合规性要求严苛的工程场景，是现代前端实
CSS盒模型深度解析：padding、margin、border与box-sizing原理
weixin_33937499的博客
06-21 399
CSS盒模型是网页布局的底层基石，定义了元素content、padding、border、margin四层空间关系及其尺寸计算逻辑。其核心在于理解不同box-sizing模式（content-box与border-box）如何影响最终渲染宽度，以及padding和margin在布局中的本质差异——前者扩展可点击区域并支撑圆角阴影，后者则因外边距折叠（margin collapse）表现出非线性叠加特性。掌握这些原理，能系统解决元素宽高失控、间距异常、跨浏览器错位等高频问题，并为响应式设计、性能优化（如con
前端开发者成长路径：从写代码到懂Web本质
didi9310的博客
06-14 639
Web开发不仅是HTML/CSS/JavaScript的组合应用，更是对浏览器渲染管线、运行时环境与构建流水线的系统性理解。其核心原理涵盖语义化HTML的契约价值、CSS层叠规则引擎机制、JS对事件循环与布局触发的精准控制，以及构建工具作为编译流水线的本质逻辑。这种底层认知带来显著技术价值：首屏性能提升3倍以上、可访问性合规率跃升至94%、构建耗时降低80%。典型应用场景包括教育SaaS页面重构、微前端性能治理、无障碍适配落地等真实工程问题。本文聚焦‘盼少’方法论——以最小可行知识单元驱动能力跃迁，强调少查
jQuery不是过时工具，而是前端兼容性设计的活化石
diaojin6880的博客
06-14 491
jQuery本质上是Web早期浏览器碎片化问题的工程解，它将IE8/9/Safari旧版等DOM缺陷、事件不一致、CSS动画回调缺失等兼容性难题，封装为可预测的API契约。其核心价值不在语法糖，而在运行时容错机制——如getBoundingClientRect兜底、事件委托自动绑定、transitionend轮询补偿等。这种以确定性换自由度的设计哲学，使其成为遗留系统改造、轻量交互增强和跨框架桥接的务实选择。理解jQuery，就是理解现代前端框架所继承的底层权衡：从React合成事件的委托思想，到Vue v
IE8 模态窗口解决方案
生活在继续
09-02 3134
解决IE8下模态窗口打开时又重新打开新窗口 1、A页面打开模式窗口B    HTML 部分   EC_Kslb   function cwin()    {     {     var a=document.all("txtcFBM").value;     v
ie8 下模态框modal 无法正常显示解决办法
chixian4839的博客
12-02 684
这是某网友的解决办法，先记录下来以备参考：http://tiseheaini.diandian.com/post/2012-12-10/40047766893 转载于:https://my...
bootstrap 中 modal里面的remote 缓存问题
firesnow的博客
01-11 7156
modal会缓存第一次remote里面的内容，导致多次请求都回去的第一次的内容，解决办法 $("#test").modal({remote:'test_url?id=' + id}); 改写为 $("#test .modal-body").load('test_url?id=' + id,function(){ $("#followStep1").modal("show"); })
弹出层在兼容模式和IE8模式下显示不正常
weixin_34126215的博客
11-20 588
2019独角兽企业重金招聘Python工程师标准>>> ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

石头商人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值