javascript - 我想使用 intercooler.js 将内容加载到 bootstrap 4 模式中

Question

我正在尝试使用中间冷却器将内容加载到模态中，示例如下:

http://jsfiddle.net/qvpy3coL/3/

我很不高兴，想知道这是否可能，或者引导js是否会冲突？

HTML 是:

<div id="confirm-me" class="btn btn-primary" data-toggle="modal" 
    data-target="#msgmodal" ic-get-from="/click" ic-target="dynamiccontent"
    ic-trigger="click">
    Click Me to show dynamic modal</div>

<div class="modal fade" id="msgmodal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                 <h4 class="modal-title">
                 Below will be dynamic content</h4>
            </div>

            <div id="dynamiccontent">
            </div>
        </div>
    </div>
</div>

js 是:

// mockjax stuff ...
$.mockjax({
    url: "/click",
    responseTime: 500,
    response: function (settings) {
        this.responseText = "Dynamic stuff here!";
    }
});

Answer 1

我从未使用过中冷器，但快速阅读后发现应该没有问题。

您想要在模式中使用动态内容的唯一要求是它应该是有效的 HTML 代码。

我使用了您放入一些内容的示例:

$('#dynamiccontent').html('No, it wont have any problems as long as your placing HTML')

https://jsfiddle.net/5pe6yz0w/3/