Question

我有一个隐藏div部分的表单（使用CSS属性：display：none），除非有人从列表中选择一个特定元素，在这种情况下我使用jQuery来显示它。除非有人在他们的浏览器上禁用了Javascript，否则这很有效，在这种情况下，无论选择什么，div都会保持隐藏状态。

我尝试使用（type：text / html）和标签解决问题，如下所示：

<noscript> <div id="extra" style="display:block"></noscript>
<script type="text/html">
<div id="extra" style="display:none">
</script>

 ...

</div>

当启用JS时，这不起作用，因为浏览器（在Chrome 32和Safari 6上测试）似乎忽略了类型为html的脚本。

有更好（或更正确）的方法吗？

Answer 1

首先使用JavaScript隐藏div。然后，您知道对于禁用了JavaScript的用户可以看到它。

<div id="extra"></div>
<script>
document.getElementById("extra").style.display = "none";
</script>

Answer 2

这是一个视频教程，介绍如何使用jQuery：http://screenr.com/ya7

<强>代码：

<body class="noscript">
<script>
$('body').removeClass('noscript');
</script>
</body>

然后隐藏body.noscript相应的元素

引自here