使用 Wookmark JQuery 插件渲染图块布局时遇到问题。这主要是因为每个项目的内容是图像和文本的组合(或者在某些情况下只是文本),因此内部高度是未知的。
我原以为我可以<li class="nItem">
通过更新applyLayout()
函数来设置高度来解决问题:
function applyLayout() {
if(handler) handler.wookmarkClear();
//set the height of the li
$('#tiles li').each(function(){$(this).height($(this).height())})
options = {
autoResize: true,
container: $('#gridMain'),
offset: 10,
itemWidth: 222
};
handler = $('#tiles li');
handler.wookmark(options);
};
不幸的是,有时,某些项目内容仍会渗入其下方的下一个项目。
有没有办法处理磁贴中的动态内容?或者有人对修复有任何建议吗?
非常感谢
@贾斯汀里德