jquery - 图像蒙太奇 - 重复

Question

对不起我的英语不好）

一般使用插件 jquery - AUTOMATIC IMAGE MONTAGE。面临一个问题：

我在同一页面上有几个#am-container 并使用仅在一个中正确显示的插件，但在另一个中不起作用。问题。如何将一个函数分配给所有#s-container，而不仅仅是一个？

代码：

var $container  = $('#am-container'),
            $imgs       = $container.find('img').hide(),
            totalImgs   = $imgs.length,
            cnt         = 0;

        $imgs.each(function(i) {
            var $img    = $(this);
            $('<img/>').load(function() {
                ++cnt;
                if( cnt === totalImgs ) {
                    $imgs.show();
                    $container.montage({
                        fixedHeight : 90,
                        margin : 1,
                        fillLastRow : true
                    });
                    $container.montage++;
                }
            }).attr('src',$img.attr('src'));
        }); 

Answer 1

你不能有重复的ID。所有 id 都必须是唯一的。
因为你有重复的 id，JavaScript / jQuery 只使用第一个带有 id 的元素#am-container。

所以你需要改变你的元素来拥有一个类名。
然后选择器将var $container = $('.am-container')代替var $container = $('#am-container')