我听说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
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。