模态框问题与解决方式!交流

敲定吧2020-10-26 308

使用官方主题,并使用到的模态框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-27
    2
    你的逻辑有问题,所以你用这种方式解决。你需要的是替换模态框内的内容,或者是切换新的模态框。
返回
发新帖