Bootstrap 4 动态 javascript 不起作用，在 Bootstrap 3 中工作正常答案

【问题标题】：Bootstrap 4 dynamic javascript doesnt work, works fine in Bootstrap 3Bootstrap 4 动态 javascript 不起作用，在 Bootstrap 3 中工作正常
【发布时间】：2017-09-21 19:03:21
【问题描述】：

我正在使用以下代码动态显示模式：

// show ajax modal with content
$(document).on('click', '[data-modal]', function (event) {
    event.preventDefault();

    $.get($(this).data('modal'), function (data) {
        $(data).modal('show');
    });
});

因此，该元素上的data-modal 将包含 AJAX 调用的 URL。

现在，在我的一个模态中，modal-body 元素中有以下内容：

<script>
console.log('hello world');
</script>

这在使用 Bootstrap 3 时效果很好，因为它在显示模式后在控制台中显示 hello world。但是，无论出于何种原因，在使用 Bootstrap 4 时它都不起作用。它不执行任何脚本。

BS3 和 BS4 之间发生了什么变化会导致这种情况？我现在是否必须使用某种类型的注入库才能让它工作？

【问题讨论】：

标签： javascript jquery ajax twitter-bootstrap

【解决方案1】：

好吧，我想通了。

$(document).on('shown.bs.modal', '.modal', function () {
    $(this).find('script').each(function(){
        eval($(this).text());
    });
});

信用：http://subinsb.com/how-to-execute-javascript-in-ajax-response

【讨论】：