1

我在 jqxWindow 元素中有动态内容。

如何按需调整 jqxWindow 的大小以根据内容自动调整大小？

您可以使用.jqxWindow({height: 'auto'})，但它仅适用于初始化。

4

1 回答 1

2

我最终通过以下技术完成了这项工作。

  1. 在动态内容的底部注入一个 div 作为标记

  2. 使用 jquery 获取新高度.position().top

  3. 使用调整大小.jqxWindow()

例如：

// inject marker at bottom of dynamic content
// (i.e., during page initialization)
$('#myWindow').find('.jqx-window-content').append('<div id="bottomOfContent"></div>');

// get new height based on position of marker
var newHeight = $('#bottomOfContent').position().top + 100;

// apply new height
$('#myWindow').jqxWindow({height: newHeight});

笔记：

  1. 代码应该针对性能进行优化（缓存、高效查找等——上面的代码只是为了这个想法）。

  2. 在检查标记的顶部位置之前不要忘记等待添加动态内容

  3. 如果由于某种原因您每次要调整大小时都需要注入标记，请不要忘记在调整大小后删除标记

于 2014-12-10T08:59:55.513 回答