jquery - 我怎样才能在一个 html 页面中运行 lightbox jquery 更多时间

Question

如何在 html 页面中多次运行灯箱 jquery。? 我可以在单个 html 页面中多次运行一个 jquery 吗？

我使用的代码是

<script type="text/javascript">
$(function() {
    $('#gallery a').lightBox();
});
</script>

<div id="gallery">
<ul>
    <li>
        <a href="photos/ilPunto-cat1.jpg" target="_parent">
             <img src="photos/ilPunto_cat1.jpg" class="left"/>
        </a>
</li>

Answer 1

如果您想将 Lightbox 应用于比画廊内更多的图像，那么

$(function() {
    $('#gallery1 a').lightBox();
    $('#gallery2 ul li a').lightBox();
});

或者

$(function() {
    $('#gallery1 a, #gallery2 ul li a').lightBox();
});

我推荐第一段代码。灵活很多。