Fancybox 问题，点击打开只是 img答案

【问题标题】：Fancybox issue, on click open just imgFancybox 问题，点击打开只是 img
【发布时间】：2015-01-14 15:59:51
【问题描述】：

这是head中的代码

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/jquery.bxslider.css">
<link rel="stylesheet" href="fancybox/jquery.fancybox.css">
<link rel="stylesheet" href="css/style.css">

/body之前的代码

<script>
$(document).ready(function() {
    $(".fancybox").fancybox({
        helpers: {
overlay: {
  locked: false
}
}
    });
});
</script>

以及使用fancybox的代码

<li><a href="img/img1.jpg" class="fancybox" rel="group"><img src="img/img1.jpg" height="160" width="240" alt=""></a></li>

控制台中没有错误，一切似乎都很好，但是单击a.fancybox 仅在同一选项卡中打开图像.. 这里是Site Url，请给点建议:)

点击位置

【问题讨论】：

好的，我们知道了！但你的问题是什么？
为什么fancybox不工作？）

标签： jquery html css fancybox-2

【解决方案1】：

嗯 .. 你已经包含了所有的代码 .. 我认为它没有找到 dom 对象。出于某种原因，当您使用 bxslider 和 fancybox 插件时，尝试删除 bxslider 以查看它是否仍然存在相同的问题。

它没有正确包含 javascript 代码序列 CroaToa 已找到它。是fancybox之后的鼠标滚轮。

【讨论】：

bxslider 是做 ajax 调用还是什么？
你发布的答案是一个评论毕竟我投了赞成票，只是帮助小家伙
在准备好的文档中初始化 .fancybox 对象的地方可以放一个 console.log($('.fancybox'));看看它是否看到了对象
@GeorgePlamenovGeorgiev 没有 ajax。对不起，我不知道console.log放在哪里，我是js新手
这样写 $(document).ready(function() { console.log($(".fancybox")) $(".fancybox").fancybox(); });