【问题标题】: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(); });
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-07-31
  • 1970-01-01
  • 1970-01-01
  • 2021-04-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多