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

一般是不会把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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值