javascript - 单击单选按钮时jQuery表单崩溃

Question

我有这个使用 jQuery 的表单。除了一件事之外，它的效果很好：当用户单击名为“五十铃 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's 所以我把它们拿出来了）