javascript - ページに複数のフォトボックス ギャラリーを実装する

Question

フォトボックス ギャラリーをセットアップしましたが、次のシナリオを除いて問題なく動作します。同じページに 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

galleryID の代わりにクラスを使用してみてください

html

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

JavaScript

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