nyromodal中的嵌套模態

我正在使用PHP & nyromodal打開包含一系列圖像（從數據庫調用）的模式。當單擊其中一個縮略圖時，我想要打開另一個模式（包含較大的圖像）在已打開的模式之上。相反，它所做的只是調整已打開的模式並將圖像放在那裏。我要的是一個新的模式，這樣，當用戶關閉新模式舊的模式仍是其下方開...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

來源

2011-10-08 user885609

你可以發佈你用來打開模式的代碼片段嗎？它可能會創建嵌套的模式，所以它需要有一個正確的代碼。 – macgyver

感謝macgyver，我編輯了我原來的帖子以包含代碼。 – user885609

我認爲你必須添加目標=「_空白」中的第一個鏈接：

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

所以nyroModal將在iframe打開目標PHP頁面，這應該允許您需要的嵌套模式。讓我知道它將如何去。

來源

2011-10-10 07:05:05 macgyver

感謝您的建議macgyver。它並不適用於我（儘管它確實解決了一件事 - 我現在放入目標的jwplayer出現了，它以前沒有出現過）。但目標圖像現在出現在同一個窗口中，只有窗口沒有調整大小......我想用jqmodal去實際上，似乎已經提供了嵌套。 – user885609

不客氣。用nyroModal調整模態iframe窗口的大小是另一個問題......它需要處理回調。 – macgyver

既然我已經爲自己解決了這個問題，我可以告訴你我做了什麼。

這是不夠的，給第二模式相同的類「projectcontentimgtrigger」，你必須明確地問nyroModal堆棧的後續環節在情態動詞是這樣的：

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

最後一件事：如果第二層模態必須自己堆疊在模態中，則必須在新頁面的某個位置包含相同的調用（例如，爲您的project.php）。這可以用jquery.live（）解決（也許我沒有嘗試）。所以再次在「project.php」：

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

希望這有助於！

來源

2013-01-09 10:31:18

nyromodal中的嵌套模態

回答

相關問題