javascript - 尝试使用 Modernizr 仅为触摸设备加载样式表

Question

我听说 Modernizr 的触摸测试是测试正在查看页面的设备是否支持触摸或多点触摸的最佳方法之一。

我正在尝试使用它(触摸测试)以及 modernizr 的加载函数来仅在设备具有触摸功能时加载样式表。

但是，我的代码似乎无法正常工作。我做错了什么？

<script type="text/javascript">
Modernizr.load({
    test: Modernizr.touch,
    yep: 'assets/css/touch.css'
});
</script>

更新:抱歉，我应该澄清什么是不工作:当我在我的多点触控智能手机上访问页面时，样式没有生效。我在普通样式表中应用了样式并且它们生效了，但是当我将它们切换到 touch.css 并尝试使用 Modernizr 有条件地加载它时，它不起作用。我的 Modernizr 副本确实包括 yepnope 和触摸测试，因为我在它们工作的其他实例中使用了这两者。

Answer 1

您的脚本 block 看起来是正确的，所以问题一定出在其他地方。由于您确定您的 Modernzr 构建包含 Yepnope，因此这里有一些猜测:

1. 您的脚本 block 位于包含 Modernzr 的脚本标记之前
2. CSS路径错误

我将从添加一个回调开始:function(){ alert('loaded!'); } 到 .load() 语句以查看是否发生这种情况。如果没有，我会将 Modernzr.touch 替换为 true 并在桌面浏览器上进行测试，以查看是否存在 Javascript 错误。