如何从AJAX打开的模态中的链接加载jQuery模态
How to load a jQuery Modal from links inside an AJAX opened Modal
我已经阅读了一些答案,但没有一个符合我的问题:
-
我想从一个AJAX请求加载html到一个模态-(我已经有,它工作得很好)
-
我想点击加载模态内部的链接,然后打开另一个有更多细节的模态,可以有更多的链接到模态再次打开。-然后我可以拖动这些页面周围,并有很多打开。
所以很明显当我在加载的模态中点击链接时,它会进入那个页面,而不是在另一个模态中打开它。
<script type="text/javascript">
$(document).ready(function() {
$('a.open').each(function() {
var $link = $(this);
var $dialog = $('<div></div>')
.load($link.attr('href'))
.dialog({
autoOpen: false,
title: $link.attr('title'),
width: 600
});
$link.click(function() {
$dialog.dialog('open');
return false;
});
});
});
然后我的HTML是
<a href="reports?report=cows" class="open" title="Cows" class="open" >List Cows</a>
在加载的Modal中,html可以是:
<a href="reports?report=cow_detail" class="open" title="Cow Detail" class="open" >Cow #43</a> <br />...
这将打开另一个带有detail的Modal。
所以我正在寻找或期望能够加载后的第一点JavaScript模态加载,以获得新创建的class="open"标签,不会在文档加载时看到
感谢!
在加载模态窗口时使用该代码
$('#myModal').on('show.bs.modal', function (e) {
$('a.open').each(function() {
var $link = $(this);
var $dialog = $('<div></div>')
.load($link.attr('href'))
.dialog({
autoOpen: false,
title: $link.attr('title'),
width: 600
});
$link.click(function() {
$dialog.dialog('open');
return false;
});
});
});
相关文章:
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 从模态卸载数据
- angularJS,一个部分或模态通知,加载几秒钟后就会消失
- 在表单提交后显示模态,直到加载下一页为止..不适用于狩猎
- 如果通过ajax加载,如何在bootstrap中打开模态
- 需要在bootstrap css中单击时将图像加载为模态
- 打开一个模态(在Codeigniter中),该模态从依赖于phpvar的URL加载(在iframe中)内容
- 模态对话框加载 jquery 在控制台中执行,但不从应用程序加载.js
- 创建一个模态窗口以使用 AngularJS 加载数据
- jQuery - 动态加载 ASP.NET 部分视图到模态中
- 如何将主题标签链接集成到网页中并基于该哈希标签加载模态
- ExtJS 4.2.1 用于加载指示和模态窗口的不同 CSS 掩码
- 动态加载引导模态内容并使用 Angular.js 打开它
- 从单击传递数据以加载模态
- HTML中的JavaScript引用未以模态加载
- e.preventDefault()在模态加载时被跳过
- 启动模态加载的触发事件
- 在模态加载上更改url
- 角度 UI 在计算布尔值之前进行模态加载
- 我如何使需求多态加载模块