Jquery 引导模式不'；动态添加按钮不显示

我有一个模态窗口

<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调用）只显示淡入淡出页面，不显示任何对话框。但随后我检查了Chrome中的代码，模态窗口看起来已经显示出来了

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

... 内容

---

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

该

按钮将不起作用。从您的代码判断：

您正在打开一个
按钮
标记，然后用
I标记
将其关闭。事情就是这样吗？我不这么认为

那你就没有目标了。模式按钮有一个
数据目标
元素，指向
模式div的
id
。因此，请给出您的模态div和id，并使用“其他”中的按钮的数据目标指向它。

在按钮中：
标题属性
没有结束标记。也许这会解决你的大部分问题

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



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


按钮名称
... 内容
那个
按钮不起作用。从您的代码判断：

您正在打开一个
按钮
标记，然后用
I标记
将其关闭。事情就是这样吗？我不这么认为

那你就没有目标了。模式按钮有一个
数据目标
元素，指向
模式div的
id
。因此，请给出您的模态div和id，并使用“其他”中的按钮的数据目标指向它。

在按钮中：
标题属性
没有结束标记。也许这会解决你的大部分问题

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



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


按钮名称
... 内容
我已经更新了我的html。它被复制时出错了。很抱歉还是一样的问题。我已经更新了我的html。它被复制时出错了。很抱歉还是一样的问题，有没有发现什么？我也有同样的问题，有没有发现什么？我也有同样的问题。