如果禁用Javascript,则删除<div>

Question

我有一个列表,是一个更大的菜单的一部分:

<ul>
<li>Menu Item 1</li>
<li>Menu Item 2</li>
<li>Menu Item 3</li>
</ul>

我想完全隐藏列表如果在Web浏览器中禁用了Javascript.

我尝试了一个有效的解决方案,但是它使用head中的noscript元素,它不符合XHTML.我正在寻找符合XHTML的解决方案.

Answer 1

这会奏效

<div class="hidden">
  <ul>
    <li>Menu Item 1
    <li>Menu Item 2
    <li>Menu Item 3
  </ul>
</div>

.hidden {
  display: none;
}
$(function()
{
  $(".hidden").show();
});

Answer 2

你可能会更好地走另一条路,只有在启用了javascript时才显示它.

创建一个类似下面的类......

.JSenabled {display:none}

切换课程$(document).ready()使用$('.JSenabled').show().

将此类添加到JS不可用时要隐藏的任何元素.

您还需要链接jQuery库.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>