jQuery Masonry一个瀑布流插件参数讲解

jQuery Masonry一个瀑布流插件参数讲解

jQuery Masonry是一个构建瀑布流布局的一个jQuery插件，使用它很容易让页面元素通过定位瀑布流布局，以下参数介绍:

$(‘#wrapper’).masonry({

singleMode: false,
// 禁用测量每个浮动元素的宽度。
// 如果浮动元素具有相同的宽度，设置为true。
// 默认： false

columnWidth: 240,
// 1列网格的宽度，单位为像素（px）。
// 默认： 个浮动元素外宽度。

itemSelector: ‘.box:visible’,
// 附加选择器，用来指定哪些元素包裹的元素会重新排列。

resizeable: true,
// 绑定一个 Masonry 访问 用来 窗口 resize时布局平滑流动.
// 默认：true

animate: true,
// 布局重排动画。
// 默认：false

animationOptions: {},
// 一对动画选项，具体参数可以参考jquery .animate()中的options选项

appendedContent: $(‘.new_content’),
// 附加选择器元素，用来尾部追加内容。
// 在集成infinitescroll插件的情况下使用。

saveOptions: true,
// 默认情况下，Masonry 将使用以前Masonry使用过的参数选项,所以你只需要输入一次选项
// 默认：true

}, function() {}
// 可选择的回调函数
// ‘this’将指向重排的Masonry适用元素

);