0

ブロックをソートおよび再配置できるように、JqueryUI sortable を使用しています。各ブロックの高さがわからず、常に変化している（ソート可能であるため）ため、すべての高さを行ごとの最大高さに等しくしようとしています。各行の最大高さを取得するにはどうすればよいですか?

これが私が取り組んでいる例です: http://jsfiddle.net/zrNNZ/40/

インラインブロックを使用しています。CSSは次のとおりです。

.blocks {
padding: 0px;
border: 0px;
margin: 0px;
display: inline-block;
font-size:0px;
width: 600px;
}

.block {
opacity: 1.0;
display: inline-block;
vertical-align: top;
position:relative;
padding: 0px;
border: 0px;
margin-right: 2px;
margin-bottom: 2px;
border-spacing: 0px;
};

例でわかるように、次の行から始まる各ブロックは、前の行の最大高さに自然に対応します。小さなブロックと大きなブロックの間に多くの空きスペースがあるのではなく、行の最大高さが必要です。これにより、各行が同じ高さになるように小さなブロックを引き伸ばすことができます。各行の最大高さは異なる場合があります。すべての高さをずっと同じにしたいだけです。

4

1 に答える 1

0

これが役に立てば幸いです。質問がある場合はお知らせください。停止イベントを使用して、ブロックの左の位置が0新しい行であることを知るために探しています。 

stop: function(event, ui){
    //alert('stopped'); 
    var row = 0;
    var maxheight = 0;
    $('.block').each(function(){
        if($(this).position().left == 0){
            if(row > 0)
                alert('Row ' + row + ' max-height: ' + maxheight);
            row++;
            maxheight = $(this).height(); 
        }
        else {
            if(maxheight < $(this).height())
                maxheight = $(this).height();
        }
    });
    if(row > 1)
        alert('Row ' + row + ' max-height: ' + maxheight);
}

ここにフィドルがあります

http://jsfiddle.net/zrNNZ/43/

于 2013-11-12T00:00:27.957 に答える