我只想在不涉及触摸设备时才包含fancybox。到目前为止,这是我的代码:
<script>
yepnope([{
test : Modernizr.touch,
nope : './js/lib/fancybox/jquery.fancybox.pack.js',
callback : {
"jquery.fancybox.pack.js": function () {
console.log("fancybox loaded!");
}
}
}]);
</script>
此代码放置在结束正文标记之前。我收到错误消息TypeError: k.apply is not a function
,但这对我没有帮助。
我的问题:
- 我可以用这个相对路径加载js文件吗?
- 我的相对路径从哪里开始?从yepnope所在的路径?
- 如何有条件地加载 JS 和 CSS 文件?
更新:
现在我尝试了另一种方法:
<script>
Modernizr.load([
{
test : Modernizr.mq('screen and (max-width: 31.25em)'),
yep : {
'photoswipe' : ['/js/klass.min.js', '/js/code.photoswipe-3.0.5.min.js']
},
nope : {
'fancybox' : ['/js/lib/fancybox/jquery.fancybox.pack.js', '/js/lib/fancybox/jquery.fancybox.css']
},
callback : {
'photoswipe': function (url, result, key) {
var myPhotoSwipe = $("a.fancy").photoSwipe({ enableMouseWheel: false , enableKeyboard: false });
},
'fancybox': function (url, result, key) {
$('a.fancy').fancybox();
}
}
}
]);
</script>
我收到以下错误TypeError: a.split is not a function
。我做错了什么?