Question

我有一个幻灯片，当代码直接添加到头部时工作正常，但在Modernizr加载功能中不起作用。

我希望同一页面根据浏览器加载所需的代码文件。我尝试过使用Modernizr cssanimations和！Modernizr cssanimations无济于事。

这是代码，因为它带有注释。请帮忙 - 戈登。

css3 animations works in Safari
<!--link href="_css3/css3_SLIDEglobal.css" rel="stylesheet" type="text/css">
<script src="_css3/css3_QUERYdisclose.js"></script-->



jQuery works in old Firefox and Opera
<!--link href="_jQ/jQ_SLIDEglobal.css" rel="stylesheet" type="text/css">
<script src="_jQ/jQ_QUERYanimateDisclose.js"></script-->


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="modernizr-latest.js"></script>

Modernizr加载没有，即！Modernizr，如Q＆amp; A中所推荐：

<script>
        Modernizr.load({
        test :        !Modernizr.cssanimations,
        yep :        ['_jQ/jQ_SLIDEglobal.css', '_jQ/jQ_QUERYanimateDisclose.js' ],
        nope  :      ['_css3/_css3_SLIDEglobal.css', '_css3/css3_QUERYdisclose.js']
                       });
        </script>

Modernizr加载，如在其他网站上看到的那样：

<script>
        Modernizr.load({
        test :      Modernizr.cssanimations,
        yep  :      ['_css3/_css3_SLIDEglobal.css', '_css3/css3_QUERYdisclose.js'],
        nope :      ['_jQ/jQ_SLIDEglobal.css', '_jQ/jQ_QUERYanimateDisclose.js' ],
                       });
        </script>

Answer 1

Vagrant extra li潜伏在代码中。一旦修复，Modernizr.load按预期工作。有趣的是，当只加载一组样式表时，页面甚至与li一起工作。

Modernizr负载和cssanimations

1 个答案: