javascript - jQuery wookmark 插件动态 div 高度

Question

我有一些 div 的动态高度由“点击”功能控制，如下所示:

$('.expand').click(function() {
  $(this).next('.collapse').slideToggle();
});

我正在尝试应用 jQuery wookmark plugin到 div，并且它可以工作，除了通过扩展其中一个部分来动态调整它们的高度时。但是，当您调整窗口大小时，当其中一个或多个展开时，div 会“捕捉”到正确的布局。我知道在展开 div 后我可能必须调用像“updateWookmarkLayout()”这样的函数，但不确定要调用什么。

你可以看看这个example更清楚地看到我想要实现的目标。

任何帮助将不胜感激，提前致谢!

Answer 1

这里是插件的作者。 Github 存储库包含如何处理这种情况的示例。保留对应用布局的选择器的引用，然后您只需稍后再次调用 wookmark 函数即可手动更新布局。检查存储库中“example”文件夹中的“index.html”以查看代码。