我的javascript隐藏了所有div。

这是我的易货计算器

问题是，当我试图将它添加到我的站点时，它会隐藏所有div，这会让我发疯。（它字面上适用于display：无适用于所有这些内容）

我怎样才能做到这一点

另外，我想让脚本在按下Submit按钮后计算值，而不是像现在这样动态地计算值。有什么简单的方法吗

如下所示（示例，完整代码请访问JSFIDLE，底部的链接）：

---

您有

$（'div'）.hide（）

-难怪所有div都是隐藏的，也许你应该用一些

$（“#container div”）.hide（）来缩小它的范围？
您有
$（'div'）.hide（）
-难怪所有div都是隐藏的，也许你应该用一些
$（“#container div”）.hide（）来缩小它的范围？
仔细分析代码。
showTab（）
函数隐藏站点上的所有div:

$('div').hide();

然后显示与您的选项卡匹配的选项卡：

var $div = $('#' + name).show();

您需要将第一个选择器更改为更特定于您自己的标记的内容，否则它将继续隐藏其他
元素。不幸的是，不清楚你在小提琴上使用的是什么结构，所以我无法提供更多帮助

我建议在众多的部分中添加一个类，然后更新代码。对于
#Apple
示例：

<div id="Apple" class="tab">

最好也使用jQuery的函数来创建一些排他性，如下所示：

$('div.tab').not('#'+name).hide();

这也将消除以后调用
show（）
仔细分析代码的需要。
showTab（）
函数隐藏站点上的所有div:

$('div').hide();

然后显示与您的选项卡匹配的选项卡：

var $div = $('#' + name).show();

您需要将第一个选择器更改为更特定于您自己的标记的内容，否则它将继续隐藏其他
元素。不幸的是，不清楚你在小提琴上使用的是什么结构，所以我无法提供更多帮助

我建议在众多的部分中添加一个类，然后更新代码。对于
#Apple
示例：

<div id="Apple" class="tab">

最好也使用jQuery的函数来创建一些排他性，如下所示：

$('div.tab').not('#'+name).hide();

这也将消除以后调用
show（）
尝试更改选择器的需要

$（'div'）.hide（）

到

$（“#苹果”）.hide（）

尝试更改选择器

$（'div'）.hide（）

到

$（“#苹果”）.hide（）

$（'div'）.hide（）将隐藏页面上的每个div。更具体地说：

$('div.fruit').hide();




香蕉
橙子


$（'div'）.hide（）将隐藏页面上的每个div。更具体地说：

$('div.fruit').hide();




香蕉
橙子


您正在使用
$（'div'）.hide（）要做什么？您正在使用
$（'div'）.hide（）要做什么？如果他添加了多个选项卡，这将不起作用，而他正试图这么做。如果您的所有div都有相同的类“fruit”，则可以使用$（'.fruit'）.hide（）；如果他添加了多个选项卡，这将不起作用，而他正试图这样做。如果您的所有div都具有相同的类“fruit”，则可以使用$（'.fruit'）.hide（）；谢谢，这看起来确实有效。真不敢相信我错过了。按下提交按钮后如何显示结果？@AndyAndy，这是另一个问题；）谢谢，这看起来确实有效。真不敢相信我错过了。按下提交按钮后如何显示结果？@AndyAndy，这是另一个问题；）