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

我听说Modernizr的触摸测试是测试正在浏览页面的设备是触摸还是多点触控的最佳方法之一.

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

但是,我的代码似乎不起作用.我究竟做错了什么？

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

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

解决方法:

您的脚本块看起来正确,因此问题必须是其他问题.既然你确定你的Modernzr版本包含Yepnope,这里有一些猜测：

>您的脚本块位于包含Modernzr的脚本标记之前
> CSS的路径是错误的

我首先添加一个回调函数：function(){alert(‘loaded！’);到.load()语句,看看是否会发生这种情况.如果没有,我会用True替换Modernzr.touch并在桌面浏览器上测试,看看是否有错误和Javascript错误发生.

标签：modernizr,javascript,css
来源： https://codeday.me/bug/20190901/1780486.html