Question

我正在使用PHP＆amp; 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>

这可能吗？明智？有人可以帮忙吗？

谢谢， HR

Answer 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页面，这应该允许你需要的嵌套模式。让我知道它会如何发展。

Answer 2

由于我已经为自己解决了这个问题，我可以告诉你我做了什么。

仅仅为第二个模态提供相同的类“projectcontentimgtrigger”是不够的，你必须明确地要求nyroModal在这样的模态中堆叠后续链接：

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

最后一件事：如果第二级模态必须自己堆叠在一个模态中，你必须在新页面的某处包含相同的调用（例如project.php）。这可以用jquery.live（）解决（虽然我没试过）。所以再次在“project.php”中：

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

希望这有帮助！

nyromodal中的嵌套模态

2 个答案: