使用官方主题,并使用到的模态框HTML代码:
<button data-toggle="modal" data-target="#myModal">打开模态框</button>
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
内容...
</div>
</div>
</div>
关闭模态框后JQ会执行删除,导致无法第二次打开,执行数据在bootstrap-plugin.js
目前我所用的解决办法是自建hook文件到页面底部:
<script> var demo = $('#Mymodal').detach(); $('html').append(demo); </script>
利用JQ转移#Mymodal至html末尾处!这样绕过了bootstrap-plugin.js里的:
$('body').on('hidden.bs.modal', '.modal', function ().......绕过了这个body绑定,解决了!
谁还有办法在不动bootstrap-plugin.js的情况下解决上述问题?
最新回复(1)
- 燃烧的冰2020-10-272楼你的逻辑有问题,所以你用这种方式解决。你需要的是替换模态框内的内容,或者是切换新的模态框。