我使用fancybox显示一些内容,它运行正常。
但我也有我的fancybox内容,一些链接打开其他显示pdf的fancybox。
它工作正常,但当我关闭我的最后一个fancybx打开时,我也关闭了我的第一个fancybox打开。
所以,我来这里问你,如果有可能的话,打开另一个花哨的盒子,但当你关闭最后一个打开的花式盒时,我想回到第一个花式盒而不想让它们都关闭,这就是我现在所得到的。
我有这个HTML:
<article class="loop-news">
<h2>Title</h2>
<span>Date of today</span>
<p>content of my article</p>
<a class="fancybox" href="#show">Read more</a>
//then I have my div that will appear inside fancybox when click on "read more"
<div class="fancybox-container">
<div id="show">
echo <h2>Title</h2>
<span>Date of today</span>
<p>content of my news</p>
//here I have some pdfs inside fancybox, that will open other fancybox
<div class="pdfs">
<li><a class="fancybox_pdf" href="pdf1.pdf">Title of pdf</a></li>
<li><a class="fancybox_pdf" href="pdf1.pdf">Title of pdf</a></li>
</div>
</div>
</article>
这是我的fancybox脚本:
$(document).ready(function() {
$(".fancybox").fancybox({
maxWidth : 800,
fitToView : false,
width : '80%',
height : '80%',
autoSize : false,
closeClick : false,
openEffect : 'elastic',
closeEffect : 'elastic',
});
})
这是我打开pdf的fancybox脚本:
$(".fancybox_pdf").fancybox({
width: '80%',
height: '80%',
autoSize: false,
type: 'iframe',
iframe: {
preload: false
}
});