DCloud_UNI_CHB
DCloud_UNI_CHB
  • 发布:2014-09-10 22:15
  • 更新:2019-09-18 17:40
  • 阅读:41778

如何处理jquery和mui关于$符的冲突

分类:MUI

注意:最新版mui已经不再占用$,所以不会存在$冲突的问题。

关于历史版本的mui,有三个解决思路:

1、放弃使用$,直接使用mui或jQuery;
比如:mui框架中$.openWindow方法,等价于mui.openWindow方法;
jquery框架中$.ready方法,等价于jQuery.ready方法;

这种方式使用范围最广,解决问题最彻底;

2、jquery放弃$符,启用其它别名
比如使用$$代替$使用jquery,这样可以就将$符让渡给了mui;

var $$=jQuery.noConflict();  
$$(document).ready(function(){  
     // jquery相关代码  
});

3、通过代码块的方式使用$符
如下方式使用mui中的$

(function($){  
$.plusReady(function(){  
     // mui相关代码  
});  
})(mui);

如下方式使用jquery中的$

(function($){  
$(document).ready(function(){  
     // jquery相关代码  
});  
})(jQuery);

这种方式无法处理mui和jquery代码交叉的情况,使用范围有限。

8 关注 分享
Dophin RyanHooper 3***@qq.com Trust smartapple 云流音 7***@qq.com hylong

要回复文章请先登录注册

5***@qq.com

5***@qq.com

请问最新版的mui在哪里下载呢
2019-09-18 17:40
1***@qq.com

1***@qq.com

是哎哎哎
2019-04-08 14:27
六里桥

六里桥

使用最新版的v3.7.2还是有$占用问题
2019-04-03 09:44
PHP全栈工程师

PHP全栈工程师

现在原生的javascript就很不错了。
function $(variable){
return document.querySelector(variable);
}
2019-01-28 09:28
1***@139.com

1***@139.com

(function($, doc, $$) {
//code
}(mui, document, jQuery));

定义都在这里,随便你怎么整都行咯
2018-11-27 11:55
x***@vip.qq.com

x***@vip.qq.com

好帖子
2017-07-26 14:53
有点晕

有点晕

回复 DCloud_UNI_CHB :
谢谢!看来我又蠢了,一直是听朋友说的冲突。看来还是要自己试试啊!
2017-07-06 17:55
DCloud_UNI_CHB

DCloud_UNI_CHB (作者)

回复 有点晕 :
mui和jquery不冲突,新版本mui早就放弃$符的注册了
2017-07-06 17:37
有点晕

有点晕

回复 DCloud_UNI_CHB :
目前问题是我需要用到Bootstrap文件,但是和mui冲突。直接导致很多Bootstrap效果无法实现。因为Bootstrap依赖jQuery,而jQuery和mui冲突。。所以现在还没想到解决办法。。
2017-07-06 17:31
DCloud_UNI_CHB

DCloud_UNI_CHB (作者)

回复 有点晕 :
不用替换,直接使用mui就好,比如:mui.openWindow
2017-07-06 16:18