0

jQuery プラグインの Quicksand を使用して、ユーザーがアクセスできるドキュメントをいくつかリストしています。数百のドキュメントがあるため、最初からいくつかだけを示します。

リスト (ul) は、一度に約 20 のドキュメント タイトルを表示するように作成され、残りは非表示になっています。このように。リストの一番下にはShow moreへのリンクがあり、それを押すとさらに多くのタイトルが読み込まれます。リストの高さを拡張する代わりに、親 div にはoverflowvalue のプロパティがありますauto。

リストは JavaScript によって作成され、MySQL データベースからドキュメントをロードし、指定された数以外のすべてのドキュメントを非表示にします。"Show more" (スウェーデン語で "Visa fler"、写真に示されているように) を押すと、文書がリロードされ、いくつかの追加文書が非表示機能から除外されます。

問題はこれです: [もっと表示] を押すと、より多くのタイトルが読み込まれますが、リストは無視され、このoverflow: autoようにリストがページ全体に展開されます。1 秒ほど後、ロードが完了すると、-property が適用され、すべてが正常に機能しますが、ロード時に見栄えがよくありません。overflow

これを解決する方法はありますか？他に何か知る必要がありますか？

前もって感謝します！

4

2 に答える 2

1

私は1つの解決策を見つけました。追加atomic: trueしましたが、一部のアニメーションが失われましたが、親 div の外に流れなくなりました。

于 2013-01-29T12:06:06.613 に答える
0

ざっと見てみると、コンテナにインライン スタイル (幅と高さ) を設定するプラグインのようです。トランジションの終了後にそれらをオーバーライドしたい場合があります。たとえば、

target.quicksand(source, {}, function () {
   target.css('width', '');
   target.css('height', '');
});
于 2013-03-05T13:32:35.820 に答える