Twitter bootstrap 3 Modal:在document.load()之后通过AJAX加载的元素中使用Modal

Twitter bootstrap 3 Modal:在document.load()之后通过AJAX加载的元素中使用Modal,twitter-bootstrap-3,Twitter Bootstrap 3,发生了什么:我有一个页面,用户必须单击一个按钮,选择显示在模式中。当他们点击他们想要的内容时,页面上的div元素会通过AJAX更新,AJAX显示了他们选择的内容,并且有一个选项“查看项目” 我已经定义了“视图项”应该打开另一个模态视图,该视图将包含关于该项的所有信息,现在,参考上面的段落,而不是打开模态视图用户正在被转移到该页面 问题: 在文档加载阶段之后加载的元素上,他们的模式是否会被激活 示例代码:初始加载时,向用户显示以下代码,在此示例中,项目在加载之前设置: <div id="dy

发生了什么:我有一个页面,用户必须单击一个按钮,选择显示在模式中。当他们点击他们想要的内容时,页面上的div元素会通过AJAX更新,AJAX显示了他们选择的内容,并且有一个选项“查看项目”

我已经定义了“视图项”应该打开另一个模态视图,该视图将包含关于该项的所有信息,现在,参考上面的段落,而不是打开模态视图用户正在被转移到该页面

问题: 在文档加载阶段之后加载的元素上,他们的模式是否会被激活

示例代码:初始加载时,向用户显示以下代码,在此示例中,项目在加载之前设置:

<div id="dynamic-area">
    Item 1
    <a href="selection/view/1" data-tip="tooltip" data-placement="top" data-original-title="View" data-toggle="modal">view selection</a> 
</div>

<input type="radio" name="selection" id="selection" value="" data-toggle="modal" data-remote="/selection/search/1"  />Change selection

项目1
更改选择
当用户在单击“更改选择”后选择了不同的项目时#动态区域将完全更新为通过AJAX获取的关于所选项目的数据

比如说,如果用户选择了第3项,我们将得到以下代码:

<div id="dynamic-area">
    Item 3
    <a href="selection/view/3" data-tip="tooltip" data-placement="top" data-original-title="View" data-toggle="modal">view selection</a> 
</div>

<input type="radio" name="selection" id="selection" value="" data-toggle="modal" data-remote="/selection/search/1"  />Change selection

项目3
更改选择

现在,如果用户点击“查看选择”,则用户将进入“选择/查看/3”页面,此时用户应看到模式。

扩展此功能后,操作正常运行。

这不应该发生,可能是您的id错误。虽然按钮的data target=“#myModal”和模式匹配中的id=“myModal”都可以工作。请查看更新的描述,我已经包含了示例代码。