Fancybox不工作（在新选项卡中打开，而不是弹出窗口）

Question

我的fancybox插件有问题。当我点击缩略图图像时，它会在新标签页（不是花式框）中打开较大的图像。

这是我的代码：

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

我想在这里添加fancybox：

 <div id="slide">
        <ul>
            <li><a class="fancybox" rel="group" href="bigImages/cover-mockup.jpg"><img src="images/001.png" alt="" /></a>
                <div id="name4">Lettuce Eat's Flyer</div>
            </li>

和fancybox脚本：

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

我用fancybox创建了简单的html，它正在运行。我也是这样，但有些不对劲，我不知道......谢谢你的帮助。

Answer 1

尝试用jQuery替换$

jQuery(document).ready(function() {
    jQuery(".fancybox").fancybox();
});