与jquery脚本冲突

Question

我是一个新的JQuery程序员,这是我的头代码:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
  function myfunction(){
    $("button").click(function(){
      $("p").hide();
    };
  });
  $(document).ready(myfunction);
</script>

这个脚本工作得很好,但是当我在页面中添加其他三个脚本时:

<script type="text/javascript" src="/file/js/prototype.js"></script>
<script type="text/javascript" src="/file/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/file/lightbox/js/lightbox.js"></script>

che console错误给了我:

 Uncaught TypeError: undefined is not a function 

在'$(document).ready(myfunction);' 线.

什么是错误？是冲突问题吗？

Answer 1

jQuery定义了一个$你试图使用的函数.

prototype.js还定义了一个被调用的函数,$并从jQuery中覆盖了一个函数.

用jQuery指jQuery的函数代替$.