Question

我有一个模态窗口

<div class="modal fade" id="comment-modal" tabindex="-1" role="dialog" 
                            aria-labelledby="Modal" aria-hidden="true">
... content
</div>

基本html中的按钮正确显示模态窗口：

<button class="btn btn-default btn-flat btn-xs comment-edit" type="button" data-toggle="modal"
                data-target="#comment-modal">
          <i class="fa fa-edit" title='edit'></i>
</button>

但动态添加的相同按钮（通过ajax调用）仅显示淡入淡出页面，并且dosn不显示任何对话框。但后来我在Chrome中检查了模态窗口显示的代码。

 <div class="modal fade in" id="comment-modal" tabindex="-1" role="dialog" 
           aria-labelledby="Modal" aria-hidden="false" style="display: block;">
    ... content
    </div>

如果首先点击非动态添加按钮，然后动态添加按钮，则会正确显示模态。

Answer 1

{p} button无法正常工作。从您的代码判断：

您正在打开button标记并使用I tag关闭它。做事那样吗？我不这么认为。
然后你没有针对任何目标。模态按钮的data-target元素指向id的{{1}}。所以给你的模态div和id，并使用data-target到其他按钮指向它。

在您的按钮中：modal-div没有结束标记。也许这可以解决你的大部分问题。

title attribute

Bootstrap模式不会通过动态添加按钮显示

1 个答案: