对不起我的英文)
一般情况下使用插件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'));
});
答案 0 :(得分:2)
您不能拥有重复的ID。所有ID都必须是唯一的
因为你有重复的id,所以JavaScript / jQuery只使用id为#am-container
的第一个元素。
因此,您需要将元素更改为具有类名
然后选择器将是var $container = $('.am-container')
而不是var $container = $('#am-container')