手机端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>
相关文章推荐
- jQuery validate插件与prototype.js冲突的解决办法
- ecshop transport.js 和 jquery 冲突解决办法
- jQuery库与其他JS库冲突的解决办法
- 关于两个jQuery(js)特效冲突的bug的解决办法
- 使用JQuery.js插件产生的页面分享带来的不跳转到首页
- 页面中使用已经引入的jquery插件,结果却提示JS报错找不到函数【问题解决】
- ecshop2.7.3 transposrt.js和 jquery 等js框架冲突最简单最新的解决办法
- jquery 与 DZ 默认JS 冲突解决办法
- jQuery.form.js插件回调函数失效的解决办法
- jquery.messager.js插件导致页面抖动的解决方法
- jquery 与 discuz 默认JS 冲突解决办法
- jQuery库与其他JS库冲突的解决办法
- JS__jQuery和Discuz js冲突解决办法
- 解决同一页面jQuery多个版本或和其他js库冲突方法
- 完美解决前端页面js,css,jquery引用不上的问题
- 解决同一页面jQuery多个版本或和其他js库冲突方法
- 解决同一页面jQuery多个版本或和其他js库冲突方法
- 解决JS和jQuery冲突思路及解决办法
- jquery使用$与其它js框架的冲突解决办法
- jQuery库与其他JS库冲突的解决办法(转)