模态:在document.load()之后通过AJAX加载的元素中使用模态

时间:2014-03-10 16:34:31

标签: twitter-bootstrap-3

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

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

问题: 他们是否需要在文档加载阶段后加载的元素上激活模态?

示例代码:在初始加载时,用户会看到以下代码,此示例项目在加载之前设置:

<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

当用户在点击“更改选择”后选择了不同的项目时,#dynamic-area已完全更新,其中包含通过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

现在,如果用户点击“视图选择”,当用户看到模态时,用户正在访问页面'selection / view / 3'。

1 个答案:

答案 0 :(得分:0)

扩展此功能后,操作按原样运行