您的位置:首页 > Web前端 > JQuery

手机端wap页面引用jquery插件与zepto.js产生冲突办法解决

2019-04-01 14:45 351 查看

一般是不会把zepto和jquery一起来用的。但有时候要引入一些插件,可能就会遇到这样的问题。
实际情况:需要一个头部上下滚动的信息栏引用的是superslide.js
如下

<script type='text/javascript' src='../js/jquery-3.3.1.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../js/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../js/sm/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../js/jquery.SuperSlide.2.1.3.js' charset='utf-8'></script>

解决办法:

在js里加入这一行代码,就可以用 $ $ 来代替zepto里的 $ 了。当然也可以选择其他符号来代替
SUI里面用的是 $ .model() 此时换成 $$.model()

<script>
window.$$=window.Zepto = Zepto;
jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",interTime:100,trigger:"click"});
/*活动规则提示*/
$(document).on('click','.alert-text',function () {
$$.modal({
title:  '活动规则',
text: '<div class="tabs tabs1">'+
'<p class="ta-c" style="font-size: .55rem">活动规则详情</p>'+
'</div>',
buttons: [
{
text: '知道了'
}
]
})
})
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: