Question

我有一些div具有由“click”功能控制的动态高度，如下所示：

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

我正在尝试将jQuery wookmark plugin应用于div，除了通过展开其中一个部分动态调整其高度时，它才有效。但是，当您调整窗口大小时，div会在展开其中一个或多个布局时“捕捉”到正确的布局。我知道在扩展div之后我可能不得不调用像'updateWookmarkLayout（）'这样的函数，但不知道该调用什么。

您可以查看此example，以便更清楚地了解我要实现的目标。

非常感谢任何帮助，提前谢谢！

Answer 1

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

Answer 2

我正在使用bootstrap并尝试了很多方法来解决这个问题，使用bootstrap collapse toggle但只有对我有用的东西是jquery-resize-plugin 无需设置处理程序的高度等。只需检测处理程序是否重新调整大小然后调用wookamrk布局。

handler.resize(function(){
handler.wookmark();
});

jQuery wookmark插件动态div高度

2 个答案: