javascript - 在一个页面上实现多个照片箱画廊

Question

我已经设置了 photobox 画廊，它工作得很好，除了以下情况：假设我在同一页面上实现了 2 个画廊，第二个画廊工作得很好，但不是第一个画廊，因为下面的代码：

    jQuery.noConflict();
    (function($) {
        $('#gallery').photobox('a.forImages');
        }
    )(jQuery);

现在，我试图包含这样的东西，但没有白费，这段代码没有处理我想要的东西，实际上在这种情况下甚至没有第一个或第二个画廊作品。有没有其他方法可以包含为我页面上的每个画廊 div 元素设置的照片框？

  jQuery.noConflict();
    (function($) {
        $('#galery').each(function() {
            (this).photobox('a.forImages');
            });

        // or with a fancier selector and some settings, and a callback:
   }
    )(jQuery);

Answer 1

很适合我。

HTML

<div id="gallery1" class="gallery"/>
<div id = "gallery2" class="gallery"/>

JS

$(document).ready(function() {
    var galeries = $("div[id^='gallery']");
    $.each(galeries, function(){
        $('#' + $(this).attr('id')).photobox('a'); 
    });
});

Answer 2

尝试使用类gallery而不是 id

html

<div class = "gallery" id = "gallery1"/>
<div class = "gallery" id = "gallery2"/>

javascript

(function($){
    $('.gallery').photobox('a.forImages');
})(jQuery);