Question

我正在为使用wookmark jquery插件显示的每个“tile”添加一个评论部分。

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

因为有多个我在事后添加它们。

问题是该注释字段是在每个图像下加载的，但是图块没有更新它们的大小以适应，因此它们是重叠的，注释放在它们下面的图块上。

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

这是加载评论的代码（每个<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的回调函数中。

wookmark瓷砖高度没有调整大小

1 个答案: