代码之家 › 专栏 › 技术社区 › Jitendra Vyas

禁用javascript时如何显示隐藏的DIV?

xhtml css jquery

Jitendra Vyas · 技术社区 · 15 年前

我藏了一个 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}

4 回复 | 直到 15 年前

deceze 15 年前

仅当启用javascript时隐藏:

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

Erich Kitzmueller 15 年前

可以使用noscript标记:

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

prostynick 15 年前

在服务器上呈现时未设置 display:none 在客户端集的页面加载过程中转到该分区 显示:无 使用javascript。

Starx 15 年前

我想

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

这是个更好的主意

如果未在内部启用javascript,则将要显示的分区放入 <noscript> 标签

推荐文章

Luis Pavez · 在actionListener完成之前更新组件

7 年前

mike · 使用类似封送处理的编码器操纵HTML

7 年前

ajaysheoran2323 · 如何使网站多语言[关闭]

7 年前

Hanlei Price · 标记验证

8 年前

Irum · 获取错误:UI指令无法强制转换到组织。素数面。模型菜单菜单元素

8 年前

curiousToKnow · 如何从xhtml获取文本

8 年前

zinon · XHTML渲染生成空pdf文件

8 年前

saurabh · 如何在一个页面中使用多个ajax日历

8 年前

Gabriel Cardoso · 更新数据后在datatable中更新

8 年前

mac wac · AngularJS的内联模板不适用于XHTML

8 年前