1

我有一个幻灯片，当代码直接添加到头部时效果很好，但在 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，如问答中所推荐：

<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>
4

1 回答 1

0

Vagrant extra li 潜伏在代码中。修复后，Modernizr.load 会按预期工作。有趣的是，当只加载一组样式表时，即使使用 li 页面也能正常工作。

于 2013-03-22T10:19:16.727 回答