javascript - 替换Bootstrap 4中的loaded.bs.modal

Question

为什么 loaded.bs.modal 事件从 Bootstrap 4 中删除？有什么东西可以代替它吗？ shown.bs.modal 非常相似，但它不会等待模态完全加载，而只是显示。

Answer 1

基本上你必须手动打开模态并自己实现Ajax加载。像这样的东西:

 $modal.modal({
    'show': true
   }).load('request_url', function (e) {
     // this is executed when the content has loaded.
 });

另一个选项是在模态主体的最后附加一个隐藏对象，并检查它是否出现在 DOM 中。

作为另一种解决方案，您可以向 show.bs 或 shown.bs 添加超时(差别很大)

$('#myModal').on('shown.bs.modal', function (e) {
   setTimeout(function(){
       //Do something if necessary
   }, 300);   //add what is appropriate                     
})

哪种解决方案最好取决于您的用例。