0

だから私はこれについて間違った方向に進んでいることを知っていますが、行き詰まっているので、皆さんが私を助けてくれると思いました. つまり、2 つのコンテナーがあるということです。1 つは特定の高さ未満のコンテンツ専用で、もう 1 つは特定の高さを超えるコンテンツ用です。したがって、基本的なアイデアを提供するために機能しないコードの基本的なスケッチを次に示します。

$('#content').each(function(){
if($(this).height()>120){
    $('#container2').append('the content');
};
else{
    $('#container').append('the content');
};
});

これは、この結果がどのように見えるかを示す jsfiddle です: http://jsfiddle.net/3TxR9/1/

編集 1: id コンテンツは、すべての違いである大量のコンテンツをラップしています。そのため、高さごとに異なるコンテナーが必要です。したがって、「コンテンツ」は id コンテンツ内の特定のコンテンツになり、このようにしてコンテンツの各部分が評価され、正しいコンテナに送られます。そして、私がリンクしたjsfiddleは正しいコーディングではありません.正しいjqueryが適用されたときに何が起こるべきかを示すだけです.

4

2 に答える 2

0

jQueryの .height() は、必要な要素の計算された高さを提供するため、必要以上に自分で物事を難しくしているだけだと思います。

次に、アイテムを処理しているときに、並べ替える要素で .height() を使用できます。特定の高さを超える場合は 1 つのボックスに追加し、そうでない場合は別のボックスに追加します。

于 2013-03-22T19:14:11.203 に答える
0 
$(document).ready(function(){
    $(".content").each(function(){
        if($(this).height() > 100)
        {
            $(this).appendTo("#container");
            $(this).show();
        } else {
            $(this).appendTo("#container2");
            $(this).show();
        }
    });
});

デモ: http://jsfiddle.net/calder12/3TxR9/4/

于 2013-03-22T19:27:29.983 に答える