Реализация нескольких фотобоксов на странице

Question

У меня установлена ​​фотобокс-галерея, и она отлично работает, за исключением следующего сценария: Предположим, что я реализовал 2 галереи на одной странице, вторая галерея работает отлично, но не первая из-за следующий код:

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

Теперь, я попытался включить что-то вроде этого, но не напрасно, этот код не обрабатывает то, что я хочу, на самом деле нет даже 1-го, ни 2-й галереи работ в этом сценарий. Есть ли другой способ включить фотобокс для каждого элемента галереи 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

попробовать использовать класс gallery вместо идентификатора

HTML

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

Javascript

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

Answer 2

работает хорошо для меня.

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