javascript - jQuery wookmark 插件动态 div 高度

标签 javascript jquery html dynamic

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

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

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

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

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

最佳答案

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

关于javascript - jQuery wookmark 插件动态 div 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9862760/

相关文章:

html - 位置绝对和溢出隐藏

javascript - 为什么在脚本标签有效时禁止跨域ajax?

javascript - 使用JS生成带有特定符号的随机字符串

javascript - 增加输入类型数字

jquery - 在 jQuery Mobile 中将 ui-disabled 字段变灰

javascript - jQuery 如何用同一个元素替换多个元素?

html - center 标签有什么不好?

javascript - 选中自定义单选按钮时更改另一个 div 中 anchor 标记的颜色

javascript - 如何设置临时填充?

javascript - JavaScript 中的 Number() 和 ToNumber() 有什么区别?