bootstrap模态不起作用？

Question

我的模态div是：

<div class="modal" id="showmodal"><!-- content here --> </div>

现在我用数据切换=＆＃39;模式＆＃39; 来调用它跟随DOM的来源：

<a class="c" data-toggle="modal" data-target="#showmodal">click </a>

及其工作。 现在，当我从javascript追加另一个链接时，如下面的

<a class data-toggle="modal" data-target="#showmodal">click </a>

它无法正常工作。任何人都能说出原因吗？提前谢谢。

Answer 1

首先添加标签

<a class="c" data-toggle="modal" data-target="#showmodal">click </a>

bootstrap.js知道附加模型窗口事件需要哪个元素。 但是当你动态添加

<a class data-toggle="modal" data-target="#showmodal">click </a>

bootstrap.js不知道DOM中存在该元素。 所以你需要手动调用js函数来打开模型。

$('#showmodal').modal(options)

在您的JS代码中。 希望这会有所帮助。