[jQuery] jQuery和Prototype共用時發生javascript錯誤「物件沒有支援這個屬性或方法'dispatchEvent'」解決辦法

[jQuery] jQuery和Prototype共用時發生javascript錯誤「物件沒有支援這個屬性或方法'dispatchEvent'」解決辦法

網頁裡同時使用Prototype和jQuery兩個Javascript函式庫的情況下

如果瀏覽器左下角的錯誤點開出現以下的錯誤(雖然功能仍舊正常):

解決辦法:

Step 1. 先引用jQuery核心函式庫再引用Prototype函式庫

範例:

<head>
<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script><!--引用jQuery核心函式庫-->
<script src="prototype.js" type="text/javascript"></script><!--再引用prototype函式庫-->
</head>

Step 2. jQuery叫用不寫$(),取而代之使用jQuery()

其他參考資料:

Using jQuery and Prototype together while avoiding the dreaded element.dispatchEvent error

prototype and jQuery peaceful co-existence?

解決 Prototype.js 與 jQuery 的衝突