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);
};
残念なことに、一部のアイテム コンテンツが、その下の次のアイテムにまだにじみ出ていることがあります。
タイル内の動的コンテンツを処理する方法はありますか? または誰かが修正に関する提案を持っていますか?
どうもありがとう
@ジャスティンリード