Html Fancybox 2图像不会出现在gallery和twitter引导上

我无法使用fancybox gallery示例的简单示例，单击它只会进入图像页面，beforeLoad事件会激活，但不会在框中显示图像

我使用的是jquery版本1.8.3和twitter 2.3.1

脚本本身添加在页面的末尾：

<script type="text/javascript">

  $(document).ready(function() {
    // $('ul.thumbnails').find('a.fancybox').click(function(e) {
    //   e.preventDefault();
    // });

    $('ul.thumbnails').find('a.fancybox').fancybox({
      beforeLoad : function() {
        console.log('Loaded');
      }
    });
    console.log('fancybox start');

     //This example works!!!
    // $.fancybox( '<div><h1>Lorem Lipsum</h1><p>Lorem lipsum</p></div>', {
    //   title : 'Custom Title'
    // });
  });
</script>



[
<a href=​"/​realestate/​image/​7150209096969e5da60a8e7283afc453.png/​800" class=​"thumbnail fancybox">​
<img style=​"width:​ 360px;​ height:​ 270px;​" alt src=​"/​realestate/​image/​7150209096969e5da60a8e7283afc453.png/​360">​
</a>​
, 
<a href=​"/​realestate/​image/​8f31e46f9ab617d00541f1bc60e2e3b1.png/​60" class=​"thumbnail fancybox">​
<img style=​"width:​ 60px;​ height:​ 60px;​" alt src=​"/​realestate/​image/​8f31e46f9ab617d00541f1bc60e2e3b1.png/​60">​
</a>​
, 
<a href=​"/​realestate/​image/​0a98662cc5df0c8b1bc97a9a7e8b9707.png/​60" class=​"thumbnail fancybox">​
<img style=​"width:​ 60px;​ height:​ 60px;​" alt src=​"/​realestate/​image/​0a98662cc5df0c8b1bc97a9a7e8b9707.png/​60">​
</a>​
]

$（文档）.ready（函数（）{
//$（'ul.thumbnails'）。查找（'a.fancybox'）。单击（函数（e）{
//e.预防违约（）；
// });
$（'ul.thumbnails'）.find（'a.fancybox'）.fancybox({
加载前：函数（）{
console.log（'Loaded'）；
}
});
log（'fancybox start'）；
//这个例子很有效！！！
//$.fancybox（'Lorem LipsumLorem Lipsum
'{
//标题：“自定义标题”
// });
});
[
​
, 
​
, 
​
]

要解决这个问题，FancyBox不喜欢url的结尾是这样的/80，所以尝试了不同的img路线。另一个问题是Fancybox支持没有img扩展的url是html内容，所以我将选项类型设置为仅图像

---

{type:'image'}

我从来没有见过像这样结尾有目录的图像路径。也许这会让Fancybox崩溃。@isherwood是的，我认为问题出在文件名上，还在于设置了选项类型：“image”。如果你已经解决了问题，你应该更新你的问题或自己回答，这样其他人就不会无缘无故地花时间在这个问题上。