2012-02-15 7 views
4

jQuery Isotope pluginofficial "Elements Complete" Isotope demoと同様に使用する予定です。どの要素をクリックしても大きくなります。jQueryアイソトープでサイズを変更した後、要素を同じ位置に保ちます

デモでは、要素が展開されると、通常、右下に展開されます(つまり、左上隅に固定されます)。しかし、右端の2つの列にある要素をクリックします。右に展開する余地がないため、左に浮かびます。

理想的には、私のアプリケーションでは、右の要素がクリックされると左に広がり、ほぼ同じ位置にとどまるでしょう。

基本的には、reLayoutの後に要素の位置を維持するために最適化する方法に関する提案を探しています。 (要素の順序を維持することは私のアプリケーションでは重要ではありません)

+3

あなたの名前に対しては、 'diamond'がなかった場合、私はwounderプログラマに適しているか、何を試してみたかのようなコメントになります:p' – Rafay

+1

@ 3nigmaこれはプログラマに属する質問はどうでしょうか? –

+0

@MДΓΓLLLLは、「探している」などの関連する議論の質問をプログラミングするサイトではなく、「codereview」と言いたいこともありますが、コードは関係ありませんでした。 wayコメント... ' – Rafay

答えて

1

各要素に番号を付け、番号で並べ替えます。ページの幅が10エレメントの場合、8 9と10が折り返されます。 1つをクリックしてサイズを変更すると、番号7が付けられ、番号順に表示されます。

あなたは、あなたが10を取り、それが7、そして数でソートされた、今あなたは私の知る限りでは、行

に1 2 3 4 5 6 7 7BIG 8 9を持っていると思い作っ言うことができましょう「T原因のjQueryを使用すると、CSSのパディングまたはそのような何かでそれをハックしない限り、むしろ右よりも左にサイズを変更するには...

幸運