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

手机端wap页面引用jquery插件与zepto.js产生冲突办法解决一般是不会把zepto和jquery一起来用的。但有时候要引入一些插件,可能就会遇到这样的问题。实际情况:需要一个头部上下滚动的信息栏引用的是superslide.js如下:<scripttype=’text/javascript’src=’../js/jquery-3.3.1.min.js’charset=’utf-8′></script><scrip…

一般是不会把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

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注