一般是不会把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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/36063.html