[問題] $(...) is not a function 錯誤類型

[Qube (Qube)]

大家好~

最近遇到 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://www.ptt.cc/bbs/Ajax/M.1470582652.A.1C5.html
※ 編輯: Qube (114.198.170.22), 08/07/2016 23:13:30
推 oToToT: 你jQuery有載進來?
→ Qube: 有的，功能都正常，只是我另外用function call就不行
推 LPH66: 把 $ 改成 jQuery 試試? 不太清楚你的狀況先猜 $ 衝名
→ Qube: 我是在一個頁面裡面有兩個頁籤利用ajax讀取兩個不同網頁
→ Qube: 其中若A頁籤有使用到某js確實會造成上面程式碼問題
→ Qube: 衝突的在於$('.destroy').on('click', function(e)此行
→ Qube: 想請問我要如何找到A頁籤中的js檔案衝突的地方呢?
※ 編輯: Qube (124.11.184.146), 08/08/2016 15:54:25
→ Qube: 另請問利用ajax讀取兩個子頁面.js檔案是會同樣參考在父頁面
→ Qube: 是這樣的原因嗎?請問是否有相關的文章可以參考呢?謝謝
推 Laluth: 你用的jquery是哪一版?
推 jim7434: 記得之前用 ajax 讀子頁面時也會參考父頁的 jquery
→ jim7434: 所以子頁(若沒有其他地方使用)可以不用再次載入jquery