jquery - wookmark 瓷砖高度未调整大小

Question

我正在向使用 wookmark jquery 插件显示的每个“图 block ”添加注释部分。

这可以是评论框，也可以是评论框和之前的评论，因此高度未知。

由于有多个，我会在事后添加它们。

问题是评论字段加载在每个图像下，但图 block 没有更新其大小以适应，因此它们重叠，评论位于它们下面的图 block 上。

我知道我可以刷新布局，但只是不知道在哪里，已经尝试了我能想到的所有地方。

这是加载评论的代码(每个 <LI> 底部都有一个名为 .comment_holder 的 div)

/** Refreshes the layout. */
function applyLayout() {

    $('.comment_holder').each(function(index, elem){
       $(elem).load('/pages/includes/comments.php', { 
            wl_id: $(elem).attr("id") 
        });
    });

  // Clear our previous layout handler.
  if(handler) handler.wookmarkClear();
  // Create a new layout handler
  handler = $('#tiles li');
  handler.wookmark(options);

};

有什么想法吗？

Answer 1

也许你最好在 jsfiddle.com 上提供一个测试链接。 为了确保在所有 dom 渲染完成后进行布局，您应该将 wookmark 方法移至 $(elem).load 的回调函数中。