使用jQuery.nnmGrid插件创建同位素类型的网格grallery

时间:2014-04-07 09:05:21

标签: javascript jquery html jquery-isotope

我正在尝试使用jQuery.nnmGrid创建一个同位素类型的网格视图。但经过多次尝试后才会发生这种情况。

基本上我希望它可以水平滚动并相应地调整高度,这样它就不会导致垂直滚动。

提前致谢。

代码和Jsfiddle网址:

jQuery( function( $ ) {

    var flag = false;
    var $container = $( '#container' ).nnmGrid();
    var $btn = $( '#resize-btn' )
        .on( 'click', function() {
            flag = !flag;
            $container.width( flag ? 470 : 630 );
            $container.nnmGrid( 'update' );
        } );
        console.log($('#container li').height());
        return false

} );

http://jsfiddle.net/mufeedahmad/47sZz/13/

0 个答案:

没有答案