定价表高度问题答案

【问题标题】：Pricing Table height issue定价表高度问题
【发布时间】：2012-04-03 16:20:03
【问题描述】：

我在我的网页中安装了定价表插件。它工作正常。但是我遇到了身高问题。请看截图。与其他内容相比，详细内容非常长。所以其他部分错位了。所有部分都已折叠。请帮我。谢谢。

【问题讨论】：

您能否提供一个链接，以便我们更好地解决您的网页问题？
本地路径中的文件。我需要 8 和 18 等对齐的“小时数”部分。
尝试设置jsFiddle 来演示问题。这让我们很容易找到问题并帮助您解决问题。否则我们就瞎了。
我们需要一个指向该页面的链接来提供帮助。
请看小提琴位置：jsfiddle.net/PR9am

【解决方案1】：

这个 jQuery 将获取每个 li 行的最大高度，并将每行的每个 li 的高度设置为相同：

Array.max = function( array ){
    return Math.max.apply( Math, array );
};
for (i = 0; i < $("ul li").length; i++) {
//updated as per Sime Vidas comment.
var heights= $("ul li:nth-child(" + (i) + ")").map(function() {
    return $(this).height();
}).get();
var maxHeight = Array.max(heights);
$("ul li:nth-child(" + (i) + ")").css("height", maxHeight);
}

这是您的 Fiddle 的更新：http://jsfiddle.net/PR9am/1/

希望对你有帮助。

【讨论】：

您可能希望将列表放在另一个 div 中并更新代码，这样它就不会与您的其他无序列表混淆......就像这样：jsfiddle.net/PR9am/2

【解决方案2】：

您可以简单地在详细信息列表项中添加两行

<li><br>Detail<br>&nbsp;</li>

这将使下一行与其余行保持一致

【讨论】：

你能解释一下你为什么投反对票吗？这是一个简单有效的解决方法。
非常不雅，每次更新表都得改。