作者Qube (Qube)
看板Ajax
標題[問題] $(...) is not a function 錯誤類型
時間Sun Aug 7 23:10:50 2016
大家好~
最近遇到 Uncaught TypeError: $(...).on is not a function這種類型的錯誤，
起源是參考
http://goo.gl/W3CniV
此網站想學寫to do list
但於todo.js中加入自己的function並呼叫了todo.js中的runBind()
runBind()程式碼僅如下這樣
function runBind()
{
$('.destroy').on('click', function(e)
{
$currentListItem = $(this).closest('li');
$currentListItem.remove();
});
}
於原本todo.js呼叫runBind()的地方卻是正常的。
但於自己的function中呼叫卻會出現錯誤。
就出現標題這類型的錯誤，上網爬了一些文章，但摸不著頭緒。
想請問這類型的問題該怎麼解決呢?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.198.170.22
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1470582652.A.1C5.html
※ 編輯: Qube (114.198.170.22), 08/07/2016 23:13:30
1F：推 oToToT: 你jQuery有載進來? 08/08 00:01
2F：→ Qube: 有的，功能都正常，只是我另外用function call就不行 08/08 08:37
3F：推 LPH66: 把 $ 改成 jQuery 試試? 不太清楚你的狀況先猜 $ 衝名 08/08 13:38
4F：→ Qube: 我是在一個頁面裡面有兩個頁籤利用ajax讀取兩個不同網頁 08/08 15:45
5F：→ Qube: 其中若A頁籤有使用到某js確實會造成上面程式碼問題 08/08 15:48
6F：→ Qube: 衝突的在於$('.destroy').on('click', function(e)此行 08/08 15:49
7F：→ Qube: 想請問我要如何找到A頁籤中的js檔案衝突的地方呢? 08/08 15:50
※ 編輯: Qube (124.11.184.146), 08/08/2016 15:54:25
8F：→ Qube: 另請問利用ajax讀取兩個子頁面.js檔案是會同樣參考在父頁面 08/08 15:55
9F：→ Qube: 是這樣的原因嗎?請問是否有相關的文章可以參考呢?謝謝 08/08 15:56
10F：推 Laluth: 你用的jquery是哪一版? 08/14 22:48
11F：推 jim7434: 記得之前用 ajax 讀子頁面時也會參考父頁的 jquery 08/18 23:53
12F：→ jim7434: 所以子頁(若沒有其他地方使用)可以不用再次載入jquery 08/18 23:53