Question

我使用fancybox显示一些内容。

但我也有我的fancybox内容，一些链接打开其他显示pdf的fancybox。

它工作正常，但当我关闭我的最后一个fancybx打开时，我也关闭了我的第一个fancybox打开。

我试图在没有关闭第一个的情况下从另一个打开一个fancybox，但似乎不可能做到这一点。

因为当我关闭最后一个打开的fancybox时，当我回到第一个打开的fancybox时，这个fancybox就会关闭。

你知道一些类似于fancybox的插件，只在我的pdfs链接上使用吗？所以我可以用fancybox显示我的文章内容，并在我的fancybox中用“类似的fancybox插件”打开我的pds而不关闭我的fancybox ......？

或像fancybox这样的插件允许我在不使用两个不同的jQuery插件的情况下做我想做的事。

因为我已经尝试使用shadowbox和jquery overlay，但它无法正常工作。

您可以在此处查看我的示例：http://jsfiddle.net/5EV8r/420/，

如果您尝试打开我的第二个fancybox，当您关闭第二个fancybox时，您会看到打开的第一个fancybox已关闭。

我有这个HTML：

<article class="loop-news">
  <h2>Title</h2>
  <span>Dahttp://jsfiddle.net/webdevem/5EV8r/#updatete of today</span>
  <p>content of my article</p>
  <a class="fancybox" href="#show">Read more</a>
  <div class="fancybox-container">
    <div id="show">
      <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>
  </div>
</article>

当我点击“阅读更多”链接时，我将使用以下脚本打开我的内容：

$(document).ready(function() {
    $(".fancybox").fancybox({   
        maxWidth    : 800,
        fitToView   : false,
        width       : '100%',
        height      : '100%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'elastic',
        closeEffect : 'elastic',     
    });

在我的fancybox里面，我的内容中还有一些链接可以在fancybox中打开pdf，使用这个脚本：

$(".fancybox_pdf").fancybox({
        width: '80%',
        height: '80%',
        autoSize: false,
        type: 'iframe',
        iframe: {
            preload: false
        } 
});

试图找到替代方案，因为不可能先打开第二个fancybox

0 个答案: