javascript - Bootstrap 模式不起作用？

Question

我的模态 div 是:

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

现在我用 data-toggle='modal' 调用它，以下 anchor 随 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 代码中。希望这会有所帮助。