javascript - 与 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 控制台错误给了我:

 Uncaught TypeError: undefined is not a function 

关于“$(document).ready(myfunction);”线。

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

Answer 1

jQuery 定义了您尝试使用的名为 $ 的函数。

prototype.js 还定义了一个名为 $ 的函数，并覆盖了 jQuery 中的函数。

使用 jQuery 来引用 jQuery 函数，而不是 $。