今天在帝国二次开发中遇到一个奇葩问题,因为模板中有幻灯切换,需要用到一段JS,代码如下
var u = navigator.userAgent,
isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
urls = {
'android':andriod,
'ios': 'itms-services://?action=download-manifest&url='+ios,
'other':andriod
};
结果保存模板后,查看前台代码,上述中的代码变成了如下:
var u = navigator.userAgent,
isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/),
urls = {
'android':andriod,
'ios': 'itms-services://?action=download-manifest&url='+ios,
'other':andriod
};
一对比可以发现在
isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
这个反斜杠 \ 给过滤掉了。这就导致了幻灯图在PC端查看是没任何问题的,手机端查看的时候就不切换并且失去样式。
解决办法:
经过查阅相关资料,发现只需要将 \ 写成四个 \\\\ 就可。
修改过的代码:
var u = navigator.userAgent,
isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
isiOS = !!u.match(/\\\\(i[^;]+;( U;)? CPU.+Mac OS X/),
urls = {
'android':andriod,
'ios': 'itms-services://?action=download-manifest&url='+ios,
'other':andriod
};
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论