使用jquery等高但在列內需要相同的元素

我爲我的列使用jQuery等高作爲插件，但設計者希望從價格下降到添加到購物車按鈕均衡。這可能與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);

這是一個箱子被放置出路：我打電話到頁面上這樣

<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>

我已經包含了它現在看起來像的圖像：

enter image description here

如果有人可以給我一些幫助，我將不勝感激。提前致謝。

來源

2012-06-04 xoam

請在我們可以使用的[JS fiddle]（http://jsfiddle.net/）上發佈演示。 –

好吧，我試圖以醜陋的方式重新創建它在JS小提琴：http://jsfiddle.net/guEcu/我試圖絕對地從價格定位到添加到購物車btn，但當然，它螺絲釘如果有人在框中添加額外的文字，就可以開始。謝謝 – xoam

提交的jsfiddle代碼在谷歌瀏覽器（mac）中對我來說看起來不錯？我不完全確定你爲什麼不給每個div和''''標記固定的高度？ –

所以，我現在找到了解決我的問題，所以我會回答我自己的問題。基本上我有一堆箱子，都需要相同的高度。在每個盒子的底部有一個價格，型號和按鈕。在此之上的文字當然有不同的高度，所以從下面的價格有不同的高度框到框。

我使用的是一個jQuery插件的等箱，所以不是將它應用到整個盒子，而是將它應用到只包含文本的盒子的頂部部分，並在價格上停止的div。這解決了這個問題。

也許這可以幫助別人解決同樣的問題。感謝您的建議。

來源

2012-06-04 19:57:01 xoam

使用jquery等高但在列內需要相同的元素

回答

相關問題