需要帮助解决什么似乎是一个jQuery和MooTools冲突问题,怎么解决

 我来答
育知同创教育
2017-11-02 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部

方法一、

[html] view plain copy

  • <html>  

  • <head>  

  • <script src="Mootools.js"></script>  

  • <script src="jquery.js"></script>  

  • <script>  

  • jQuery.noConflict();//释放jquery中$定义,并直接使用jQuery代替平时的$  

  • jQuery(document).ready(function(){  

  • jQuery("div").hide();  

  • });  

  • $('someid').style.display = 'none';//此处中的$为原Mootools中的$,使用方法不变  

  • </script>  

  • </head>  

  • <body>  

  • </body>  

  • </html>  

  • 方法二、

    [html] view plain copy

  • <html>  

  • <head>  

  • <script src="Mootools.js"></script>  

  • <script src="jquery.js"></script>  

  • <script>  

  • jQuery.noConflict();    

  • //将你使用的jquery代码放到document ready方中  

  • jQuery(document).ready(function($){  

  • // 此处为jQuery的$定义  

  • $("div").hide();  

  • });    

  • //此处为Mootools的定义  

  • $('someid').style.display = 'none';  

  • </script>  

  • </head>  

  • <body>  

  • </body>  

  • </html>  

  • 方法三、

    [html] view plain copy

  • <html>  

  • <head>  

  • <script src="Mootools.js"></script>  

  • <script src="jquery.js"></script>  

  • <script>  

  • var $j = jQuery.noConflict();//以$j来替代jQuery中的$,同时区分mootools  

  • $j(document).ready(function(){  

  • $j("div").hide();  

  • });  

  • $('someid').style.display = 'none';  //原mootools中的$照旧使用  

  • </script>  

  • </head>  

  • <body></body>  

  • </html>  

  • zend实验室强烈建议你使用第三中方法来解决jquery与其它js框架之间共享冲突问题,理由是它既简短,又能实现你想要的结果,并且不会像第二个方法中那样存在使用位置限制。想在哪用就在哪用,随心所欲。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式