modernizr no-js类不起作用

时间:2014-03-06 12:44:25

标签: javascript html5 modernizr

这是我在stackoverflow和我的第一个问题上的第一次体验。 最近我从旧的skool HTML转到HTML5,所以经过一些研究后我学到了Modernizr。

我像这样抬起头来:

<!DOCTYPE html>

<!--[if IE 6]>
<html class="no-js" id="ie ie6" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 7]>
<html class="no-js" id="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html  class="no-js"id="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html class="no-js" <?php language_attributes(); ?>>
<!--<![endif]-->

<head>

<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/> 

<script src="<?php bloginfo('template_directory'); ?>/js/modernizr.custom.65696.js"></script>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>

</head>

在我的浏览器中检查源后,我看到no-js类没有更改为js。 点击源代码中的js链接,我确实得到了modernizr的代码,所以没有断开的链接。

任何人都可以告诉我我做错了什么。

提前致谢。

1 个答案:

答案 0 :(得分:1)

我在wordpress论坛上回答了你的问题,但这里的答案是相同的

Modernizr是客户端javascript,因此它在源代码加载到浏览器后运行。它实际上并没有修改源,它修改了DOM

如果您在浏览器中打开开发人员工具,您将看到html类已被删除。

希望有所帮助!