Jquery Fancybox2内联内容库

我试图用Fancybox 2创建一个内联内容库，但失败得很惨

我在网上查阅了一些其他资源，它们似乎表明这样做相对容易，但我似乎无法让它发挥作用

这是我的小提琴：

现在，我觉得小提琴没有加载资源，所以这是一个问题。但是，即使有了资源，这也不起作用，我得到了fancybox错误

资源：

http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.3

任何帮助都将不胜感激

编辑：因此，如果不包含一些代码，我无法提交我的问题，因为链接到JSFIDLE是不合适的，因此，这里是我的标记和fancybox初始化，您也可以在JSFIDLE中找到：

HTML:

---

在链接到内联内容的地方，您需要在

href

因此，将您的

href=“post-1”

更改为

href=“#post-1”

在上下文中，它应该是这样的：

<!-- Inline post-1 -->
<article>
    <a href="#post-1" class="inlinepopup" rel="gallery1">Gallery 1: post-1 &gt; post-2 &gt; post-3</a>
    <div id="post-1">Inline content for #post-1. Group is Gallery 1.</div>
</article>

#post-1的内联内容。第一组是画廊。

---

这可能不是唯一的错误，但它是第一个要查看的错误。还要检查Firebug或Web Inspector中是否存在JS错误。

omg我这方面真是个愚蠢的疏忽。我怎么会错过那个。。。嗯，非常感谢你，亚历克斯，你已经解决了我的问题：）我还有其他一些烦恼正在发生，但我想这些都是注定要问新问题的。再次感谢！

$(document).ready(function() {

    $('a.inlinepopup').fancybox({
        'width'           : '75%',
        'height'          : '75%',
        'autoScale'       : false,
        'type'            : 'inline'
    });

});

<!-- Inline post-1 -->
<article>
    <a href="#post-1" class="inlinepopup" rel="gallery1">Gallery 1: post-1 &gt; post-2 &gt; post-3</a>
    <div id="post-1">Inline content for #post-1. Group is Gallery 1.</div>
</article>