javascript - Bootstrap 模式和内联脚本

Question

我有一个脚本，可以将页面内容动态加载到 Bootstrap 3 模式中。这是一些小片段:

var modal = $('#my-modal');
var modalContent = modal.find('.modal-content');

modalContent.load(url, data, function () {
    modal.modal(options);
});

这工作得很好，除非我需要从加载的页面运行内联js脚本，用 <script> 包装。标签。实际上，它会执行一次，但每隔两次。这意味着如果我有按钮打开带有一些注释的模式，当我按下按钮时，它将打开模式，并执行脚本。如果我关闭模式并重新打开它，则不会。再次，关闭并重新打开...有效...

即使我在再次初始化之前完全销毁模态，也不起作用，我仍然有同样的问题。

var modal = $('#my-modal');
var modalContent = modal.find('.modal-content');

modalContent.load(url, data, function () {
    modal.modal('hide').data('bs.modal',null);
    modal.modal(options);
});

编辑:如果我将相同的加载内容放入任何其他 div 中，它工作正常!

Answer 1

仍然不确定导致此问题的原因，但解决方法如下。每次模态关闭时，我都会清除模态内容 div，因此当加载新内容时，它始终会加载到空模态内容 div 中。

这是初始化模态函数的脚本:

modal = $('#my-modal');
modal.on('hidden.bs.modal', function () {
    modal.find('.modal-content').empty();
});