Javascript Fancybox链接没有'；t工作（灯箱）

我在这里有一个灯箱（使用fancybox.net）：

我使用图库代码以图库形式显示图像：

以下是我的jQuery代码：

$(document).ready(function() {
    $(".gallery").fancybox({
        openEffect  : 'none',
        closeEffect : 'none'
    });
});

这是我的HTML：

  <li class="portfolio-box photography">
            <a class="gallery" href="http://desertcinema.com/wp-content/uploads/bfi_thumb/SKRE-9-30sp4bav1hxsgwj54nvaww.jpg" title="Concealment">
                <img  src="http://desertcinema.com/wp-content/uploads/bfi_thumb/SKRE-9-30sp4baun93pvbri4pf1ts.jpg" alt="" />
                <div class="mask"></div>
                <div class="line-folio"></div>
                <div class="line-folio1"></div>
                <h4>Concealment</h4>
            </a>
        </li>


    <li class="portfolio-box photography" style="width:335px;display:none;">
            <a class="gallery" rel=gallery1" href="http://desertcinema.com/wp-content/uploads/bfi_thumb/Mike-Full-Draw-30sp495yqivl82ubkxq5mo.jpg" title="Concealment">
                <img  src="http://desertcinema.com/wp-content/uploads/bfi_thumb/SKRE-9-30sp4baun93pvbri4pf1ts.jpg" alt="" />
                <div class="mask"></div>
                <div class="line-folio"></div>
                <div class="line-folio1"></div>
                <h4>Concealment</h4>
            </a>
        </li>

使用我放置在

我犯了什么错误吗？如果需要，您可以使用Chrome检查元件
 试试这个方法。。李不应该有div


$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox({
openEffect:'无'，
近距离效应：“无”
});
});
试试这个。您在first中缺少rel=“gallery1”

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<script src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<link href="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.css" rel="stylesheet"/>
<link href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" rel="stylesheet"/>

<li class="portfolio-box photography">
            <a class="gallery"  rel="gallery1" href="http://desertcinema.com/wp-content/uploads/bfi_thumb/SKRE-9-30sp4bav1hxsgwj54nvaww.jpg" title="Concealment">
                <img  src="http://desertcinema.com/wp-content/uploads/bfi_thumb/SKRE-9-30sp4baun93pvbri4pf1ts.jpg" alt="" />
                <div class="mask"></div>
                <div class="line-folio"></div>
                <div class="line-folio1"></div>
                <h4>Concealment</h4>
            </a>
        </li>


    <li class="portfolio-box photography" style="width:335px;display:none;">
            <a class="gallery"  rel="gallery1" href="http://desertcinema.com/wp-content/uploads/bfi_thumb/Mike-Full-Draw-30sp495yqivl82ubkxq5mo.jpg" title="Concealment">
                <img  src="http://desertcinema.com/wp-content/uploads/bfi_thumb/SKRE-9-30sp4baun93pvbri4pf1ts.jpg" alt="" />
                <div class="mask"></div>
                <div class="line-folio"></div>
                <div class="line-folio1"></div>
                <h4>Concealment</h4>
            </a>
        </li>
<script>
$(document).ready(function() {
    $(".gallery").fancybox({
        openEffect  : 'none',
        closeEffect : 'none'
    });
});
</script>






$（文档）.ready（函数（）{
$（“.gallery”）.fancybox({
openEffect:'无'，
近距离效应：“无”
});
});
你能帮我做一把小提琴吗？我正在处理一个定制的php文件。您可以检查元素。抱歉，这些是网站必需的标记。无法删除那些div和元素。