Question

我一直试图让fancybox在这个免费模板中工作，昨天一个好人放弃了reddit，但我运气不好。我很擅长使用HTML / CSS，但在Jquery中并不是很好。如果有人能指出我正确的方向，我会很感激。我正试图让投资组合图像在fancyboxes中弹出。 http://jsfiddle.net/yz93H/1/提前感谢您的帮助。

 <script type="text/javascript">
  $(document).ready(function() {
   $("a.fancybox").fancybox();
   });
    </script>


   <figure class="entry web"> 
                <a class="fancybox" href="img/portfolio-image.jpg"><img src="img/portfolio-image.jpg" alt=""></a>
            </figure>

Answer 1

由于所有相对路径，您发布的jsfiddle有点难以处理，但有一件事我注意到您没有将Fancybox javascript链接到您的文档中。

应该有类似的东西：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>`
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>`

希望能解决这个问题。

编辑：抱歉，错过了文档末尾的js。再看看，我找到了你的问题。在加载jQuery之后，您发布的代码段应该 。由于您的jQuery仅在文档的末尾加载，因此您的代码正在抛出Object #<HTMLDocument> has no method 'ready'。

我已经创建了一个新的小提琴，其中包含您发布的工作版本。所有东西都装在CDN上，我用Twitter的徽标作为展示：http://jsfiddle.net/tiagoespinha/yz93H/4/

基本上，你需要的唯一改变是把这个

<script type="text/javascript"> $(document).ready(function() { $("a.fancybox").fancybox(); }); </script>

在jQuery的脚本标记之后。

无法让fancybox工作 - 在新窗口中打开

1 个答案: