Question

我已经设置了photobox画廊，除了以下场景外，它的工作正常：假设我在同一页面上实现了2个画廊，第二个画廊工作正常，但不是第一个，因为以下代码：

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

现在，我试图包含这样的东西，但是没有白费，这段代码没有处理我想要的东西，实际上甚至第一和第二画廊都不适用于这种情况。有没有其他方法我可以包括为我页面上的每个gallery div元素设置photobox？

  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);

在页面上实现多个photobox库

2 个答案: