javascript - jQuery同位素无效渲染

Question

为什么这两个小提琴不同？我的意思是他们不应该在第一把小提琴中也像在第二把小提琴中那样粘在一起吗？

小提琴1：http : //jsfiddle.net/gopi1410/EABJw/

小提琴2：http : //jsfiddle.net/gopi1410/EABJw/1/

小提琴的唯一区别是第一个有 css:#id2 {width: 240px;}而第二个小提琴有#id2 {width: 140px;}

它是同位素插件中的错误还是我错过了一些基本点？

Answer 1

只需像这样更改您的javascript：

$(function() {
    var $container = $('#container');
    $container.isotope({
        masonry: {columnWidth: 1},
        itemSelector: '.item'          
    });
});