使用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);
};
不幸的是,有时候,某些项目内容仍然会渗透到它下面的下一个项目中。
有没有办法处理瓷砖内的动态内容?或者有人对修复有任何建议吗?
非常感谢
@JustinReid