Question

Fancybox只是在新标签页中打开，而不是根据需要在模态库中打开。请你看看我的代码并帮助我解决我做错了什么。

非常感谢，哈利。

链接

    <link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    <link rel="stylesheet" href="js/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/helpers/jquery.fancybox-buttons.js"></script>
    <script type="text/javascript" src="js/helpers/jquery.fancybox-media.js"></script>

    <link rel="stylesheet" href="js/helpers/jquery.fancybox-thumbs.css" media="screen" />
    <script type="text/javascript" src="js/helpers/jquery.fancybox-thumbs.js"></script>

HTML＆amp; JAVASCRIPT

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

<a class="fancybox" rel="group" href="images/one.jpg"><img src="images/one.jpg" width="200" alt="" /></a>
<a class="fancybox" rel="group" href="images/two.jpg"><img src="images/two.jpg" width="200" alt="" /></a>

Answer 1

首先，应该在fancybox之前加载jQuery，因为fancybox依赖于jQuery来工作。因此，您需要切换这些脚本的顺序。我建议您按照此处找到的fancybox设置文档进行操作 - http://fancybox.net/howto

要了解其他潜在错误，如果您使用Chrome，则应使用控制台帮助您通知各种错误（所有其他浏览器都提供类似的工具，但我个人更喜欢Chrome）。可以从Tools-＆gt; Developer Tools访问控制台，也可以右键单击页面上的任意位置并单击“Inspect Element”。控制台将是开发人员工具中最右侧的选项卡。它会通知您各种有助于调试的错误。

希望有所帮助。

Answer 2

在我的情况下，将jquery更新为版本1.10.1为我工作

jQuery FancyBox只是在新选项卡中打开图像，而不是在模态窗口中打开

2 个答案: