0

私は自分の列にjQueryの等高プラグインを使用していますが、デザイナーは価格からカートに追加ボタンまでを均等にしたいと考えています。これはjQueryで可能ですか？既存の同じ高さに追加しようとしましたが、実際には何をしているのかわかりません。

ここにjqueryがあります：

 (function($) {
$.fn.equalHeights = function(minHeight, maxHeight) {
    tallest = (minHeight) ? minHeight : 0;
    this.each(function() {
        if($(this).height() > tallest) {
            tallest = $(this).height();
        }
    });
    if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
    return this.each(function() {
        $(this).height(tallest).css("overflow","hidden");
    });
}
    })(jQuery);

これは、ボックスの 1 つを配置する方法です。

<ul id="phones" class="clearfix">
<li class="phone">
<div class="top"></div>
<img src="/_img/2012/accessories_product.jpg" alt="phone" width="192" height="120"/>
<h2>BLACKBERRY MICRO-USB VEHICLE POWER ADAPTER</h2>
<p>Product description sed ut perspici atis unde omnis iste natus sit volupt.</p>
<div class="btm">   
<h3 class="price">$29.99</h3>
<p class="modelnumb">MODEL #: 1234567890</p>
<a href="#" class="btn btn_addtocart">Add To Cart</a>
</div>
</li>

私はこのようにページでそれを呼び出しています:

<script>
$j(document).ready(function() {
$j("#phones > li.phone").equalHeights(412);
});
</script>

私はそれが今どのように見えるかの画像を含めました：

ここに画像の説明を入力

誰かが私に助けを与えることができれば、私はそれを感謝します. 前もって感謝します。

4

1 に答える 1

0

それで、私は自分の問題の解決策を見つけたので、自分の質問に答えます。基本的に、すべて同じ高さである必要がある箱がたくさんありました。各ボックスの下部には、価格、モデル番号、ボタンがありました。この上には、もちろん高さが可変のテキストがあり、価格からボックスごとに可変の高さがありました。

等しいボックスにjQueryプラグインを使用していたので、ボックス全体に適用するのではなく、テキストを含むボックスの上部のみを処理し、価格で停止するdivに適用しました. これで問題は解決しました。

たぶん、これは同じ問題を抱えている他の誰かを助けることができます. ご提案いただきありがとうございます。

于 2012-06-04T19:57:01.987 に答える