javascript - 如何正确配置和使用 WookMark Masonry

Question

我正在尝试使用 Wookmark js 在我的网站上显示图像，我已经按照官方指南进行操作，但该插件似乎不起作用，可能是因为我的 CSS 主题有一些继承。 图片只是显示在列表中。

我已经上传了 jquery-1.10.2-min、wookmark css 和 jquery.wookmark.js 并遵循了此页面源代码 Wookmark

我该如何解决这个问题？ 你可以看到我的website

Answer 1

例如，这是 fiddle - http://jsfiddle.net/qcsm3/ - 这是一个来自 wookmark github 的例子。

首先，定义tile selector。

var handler = $('#tiles li');

然后启动插件

handler.wookmark({

    autoResize: true,resized.
    container: $('#main'),
    offset: 5,
    outerOffset: 10,
    itemWidth: 210

});