如果Jquery和Mootools都在网页上使用，它们通常会发生冲突吗？_Jquery_Mootools

如果Jquery和Mootools都在网页上使用，它们通常会发生冲突吗？

jquery

如果Jquery和Mootools都在网页上使用，它们通常会发生冲突吗？,jquery,mootools,Jquery,Mootools,我正在设计这个网站，我尝试使用mootools 1.31在单击或鼠标悬停时为一些div框设置动画，以显示内容。问题是，它在网页上似乎不起作用，但如果我在空白网页上尝试相同的脚本，它会起作用，我想可能是因为我在同一页上有Jquery 1.52，可能两个脚本相互冲突，因为如果我删除Jquery，Mootools就会起作用。我应该选择什么，因为我需要Jquery为我做一些验证，所以我不能完全删除它这是密码 <script> //-vertical var mySlide = new

我正在设计这个网站，我尝试使用mootools 1.31在单击或鼠标悬停时为一些div框设置动画，以显示内容。问题是，它在网页上似乎不起作用，但如果我在空白网页上尝试相同的脚本，它会起作用，我想可能是因为我在同一页上有Jquery 1.52，可能两个脚本相互冲突，因为如果我删除Jquery，Mootools就会起作用。我应该选择什么，因为我需要Jquery为我做一些验证，所以我不能完全删除它

这是密码

<script>
 //-vertical

 var mySlide = new Fx.Slide('test');

 $('slidein').addEvent('click', function(e){
e = new Event(e);
mySlide.slideIn();
e.stop();
  });

  $('slideout').addEvent('click', function(e){
e = new Event(e);
mySlide.slideOut();
e.stop();
    });

  $('toggle').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
    });

    $('hide').addEvent('click', function(e){
e = new Event(e);
mySlide.hide();
e.stop();
    });



  </script>

我在自己的示例中使用了Mootools提供的完全相同的代码，如果我在空白网页上执行此操作，它可以工作，但合并到我自己的网页中，它不会工作，而且我自己的网页在HTML的头部分只有Jquery的脚本标记。

两个库（Mootools和Jquery）中都有

函数/对象。如果要同时使用这两个函数，则必须使用库名称中的一个函数：例如

jQuery（'slideout'）.addEvent（…

），而不是

$（'slideout'）.addEvent（…

有用的链接：

两个库（MooTools和jQuery）中都有

函数/对象。如果您想使用这两个库，您必须使用其中一个库名称：例如

jQuery（'slideout'）。addEvent（…

而不是

$（'slideout'）。addEvent（…

有用的链接：

<html>
<h3 class="section">Fx.Slide Vertical</h3>

 <a id="slideout" href="#">slideout</a> | 
<a id="slidein" href="#">slidein</a> | <a id="toggle" href="#">
  toggle</a> | <a   id="hide" href="#">hide</a>

    <div id="test">
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
 sed do eiusmod  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mi
 nim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip 
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
  Excepteur sint occaecat cupidatat non proident, sunt in culpa 
   qui officia deserunt mollit anim id est laborum.
     </div>

    #test {
background: #222;
color: #fff;
padding: 10px;
margin: 20px;
border: 10px solid pink;
     }

     #test2 {
background: #222;
color: #fff;
padding: 10px;
margin: 20px;
border: 10px solid pink;
    }