Javascript 在一个页面上实现多个photobox库

我已经设置了photobox gallery，它工作正常，但在以下情况下除外： 假设我在同一页上实现了两个库，第二个库工作正常，但第一个库不行，因为代码如下：

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

---

尝试使用类

库
而不是id

html

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

对我来说很好

HTML

是的，但是他们每个人都需要一个唯一的ID，或者你可以给他们所有的类，然后按类选择。我已经给你投了a。但是ID gallery的这个东西不起作用，它包括从每个库到单个库的所有图像。这个问题还有其他解决方案吗？你是什么意思，我不确定问题是什么，你能提供一个小提琴或一些代码吗
(function($){
    $('.gallery').photobox('a.forImages');
})(jQuery);

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

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