【问题标题】:Nested modals in nyromodalnyromodal 中的嵌套模态
【发布时间】:2011-10-08 09:27:57
【问题描述】:

我正在使用 PHP 和 nyromodal 打开一个包含一系列图像(从数据库调用)的模式。单击其中一个缩略图时,我希望在已打开的模态之上打开另一个模态(包含较大的图像)。相反,它所做的只是调整已经打开的模态并将图像放在那里。我想要的是一个新的模态,这样当用户关闭新的模态时,旧的模态仍然在它下面打开......

代码:

一个主页:

<script type="text/javascript">
$().ready(function() {
$('a.projectmodaltrigger').nm();
$('a.projectcontentimgtrigger').nm();
});
</script>

<a href="project.php?id=1" class="projectmodaltrigger">
<img src="uploads/projects/1/test1.jpg" border="0" />
</a>

在模态(project.php)中打开的页面上:

<a href="uploads/projectcontent/1/image.jpg" class="projectcontentimgtrigger">
<img src="uploads/projectcontent/1/thumb/image.jpg" border="0" />
</a>

这可能吗?明智的?有人可以帮忙吗?

谢谢, 人力资源

【问题讨论】:

  • 你能发布你用来打开模式的代码的 sn-p 吗?可能会创建嵌套模式,因此需要有正确的代码。
  • 感谢 macgyver,我已经编辑了我的原始帖子以包含代码。

标签: php nested nyromodal


【解决方案1】:

我认为您必须在第一个链接中添加 target="_blank":

<a href="project.php?id=1" class="projectmodaltrigger" target="_blank">
<img src="uploads/projects/1/test1.jpg" border="0" />
</a>

因此 nyroModal 将在 iframe 中打开目标 php 页面,这应该允许您需要嵌套模式。 让我知道进展如何。

【讨论】:

  • 感谢 macgyver 的建议。它对我不起作用(尽管它确实解决了一件事——我放入目标的 jwplayer 现在出现了,它以前没有出现过)。但是目标图像现在出现在同一个窗口中,只有窗口没有调整大小......我正在考虑使用jqmodal实际上,似乎有嵌套的规定。
  • 不客气。使用 nyroModal 调整模态 iframe 窗口的大小是另一个问题……它需要处理回调。
【解决方案2】:

既然我自己解决了这个问题,我可以告诉你我做了什么。

给第二个模态同样的类“projectcontentimgtrigger”是不够的,你必须明确要求nyroModal在模态中堆叠后续链接

$('a.projectmodaltrigger').nm({'stack' : true});

最后一件事:如果第二级模态必须自己堆叠在一个模态中,您必须在新页面的某处包含相同的调用(例如 project.php 为您)。这可以用 jquery.live() 解决(虽然我没有尝试)。所以再次在“project.php”中:

$('a.projectmodaltrigger').nm({'stack' : true});

希望这会有所帮助!

【讨论】:

    猜你喜欢
    • 2010-10-26
    • 1970-01-01
    • 2019-10-20
    • 2016-09-22
    • 1970-01-01
    • 1970-01-01
    • 2021-09-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多