单击单选按钮时jQuery表崩溃

Question

我有这个使用jQuery的表单。除了一件事之外，它的效果很好：当用户点击名为“Isuzu NPR-HD-Gas”的单选按钮时，页面的布局就会消失！这发生在每个浏览器中。表单中的所有其他选项都很有效，只有这一个单选按钮才会导致问题。可能导致这个问题的原因是什么？

以下是链接：http://www.unitedtruckcenters.com/custompage.asp?pg=compare-to-isuzu

注意：请向下滚动并点击“五十铃NPR-HD-Gas”以查看我在说什么。

Answer 1

在main.js的第175和176行：

$('td:nth-child(' + show + '),th:nth-child(' + show + ')').show();
$('td:nth-child(' + hide + '),th:nth-child(' + hide + ')').hide();

看起来你正试图在这里交换一个列，但你的选择器不太正确。特别是，当你将第n个子值设置为“2”时，最终会选择另一个更大的td元素。这就是为什么，在你调用hide（）之后，你的布局会中断。

尝试更改选择器以更好地指定要显示或隐藏的内容。例如：

$('#advantage-calculator td:nth-child(' + show + ')').show();
$('#advantage-calculator td:nth-child(' + hide + ')').hide();

（我不确定你为什么首先选择th，所以我把它们拿出去了）