我有一个隐藏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的脚本。
有更好(或更正确)的方法吗?
答案 0 :(得分:4)
首先使用JavaScript隐藏div。然后,您知道对于禁用了JavaScript的用户可以看到它。
<div id="extra"></div>
<script>
document.getElementById("extra").style.display = "none";
</script>
答案 1 :(得分:1)
这是一个视频教程,介绍如何使用jQuery:http://screenr.com/ya7
<强>代码:强>
<body class="noscript">
<script>
$('body').removeClass('noscript');
</script>
</body>
然后隐藏body.noscript
相应的元素
引自here