详解处理bootstrap4不支持远程静态框问题

起步

我就是喜欢用新的，况且bs4出来也很久了，用了一段时间后发现它并不支持远程静态框了，查了一下这部分已经被移除了。

所以，以前的a数据切换=' modal ' href=' remote。html ' rel='外部无跟随' data-target=' # modal '单击我/a这种写法就没法用了，因此这部分要手动处理下。

处理

处理的方式其实也比较简单，改成手动负荷而已，按照bs3的效果是远程结果取代静态框中的模态内容部分：

按钮数据-切换='模式'数据-远程='远程。html ' data-target=' # modal ' click me/button script $(' # modal _ result ').on('hidden.bs.modal '，函数(e) { $(这个).查找('。模态体')。html(")等待结果，请稍后.');$(这个)。移除数据(' bs。情态')；}).on('show.bs.modal '，函数(e) { //手动处理下载入过程var button=$(e .相关目标)；var modal=$(this)；modal.find(' .模态内容')。加载(按钮。数据('远程')；});/script完整演示

！DOCTYPE html html head meta charset=' utf-8 ' title code ply preview/title link href=' https://cdn。bootscs。com/bootstrap/4。1 .1/CSS/bootstrap。量滴CSS“rel=”外部no跟随“rel=”样式表/head botty按钮数据-toggle=' modal ' class=' BTN BTN-primary ' data-remote=' a . html ' data-target=' # modal ' click me/button div id=' modal ' class=' modal fade '等待结果，请稍后./div div class='模态-页脚'按钮类型='button' class='btn btn-default '数据-消除='模态'关闭/button/div/div/div/-此处加载的脚本-脚本src=' http :3359 cdn。bootscs。com/jquery/3。3 .1/jquery。量滴js /脚本脚本src=' http :https://cdn。bootscs。com/popper。js/1。14 .3 UMD/波普。量滴js /脚本脚本脚本src=' http :3359 cdn。bootscs。com/bootstrapon(' hidden . bs . modal '，函数(e) { $(这个).查找('。模态体')。html(")等待结果，请稍后.');$(这个)。移除数据(' bs。情态')；}).on('show.bs.modal '，function(e){ var button=$(e .相关目标)；var modal=$(this)；modal.find(' .模态内容')。加载(按钮。数据('远程')；});/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。