Question

我正在使用div隐藏display:none，此div仅在我们点击 + 图标时显示。但是如果JavaScript被禁用，那么我希望默认情况下显示div。怎么做？

我暂时无法发布整个代码。

jQuery(document).ready(function() {
  jQuery('a#toggle').click(function() {
       jQuery('#map').slideToggle(400);
       return false;

});

CSS

#map {display:none}

Answer 1

仅在启用Javascript时隐藏它：

<head>
    <script type="text/javascript" charset="utf-8">
        document.write('<style type="text/css" media="screen">#map { display: none; }</style>');
    </script>
</head>

Answer 2

您可以使用noscript标记：

<noscript>
<style type="text/css" media="screen">#map { display: block !important; }</style>
</noscript>

Answer 3

在服务器上呈现时，不要将display:none设置为该div。在使用JavaScript的客户端集display:none上加载页面时。

Answer 4

我认为

<noscript>Your browser does not support JavaScript!</noscript>

这比其他

更好

如果在<noscript>标记

中未启用javascript，请放置要显示的部门

如何在禁用javascript时显示隐藏的div？

4 个答案: