Что вызывает TypeError: undefined не является функцией?

Question

Все, У меня есть некоторый код, который я пытаюсь отлаживать и я использовал следующий кусок кода в моей JS консоли:

clickEvents = $('ul.breadcrumb[data-allownextonly]').data("events").click; 
jQuery.each(clickEvents, function(key, value) { 
    console.log(value.handler); 
}) 

Когда я выполняю это, я получаю ошибку: TypeError: undefined не является функцией

Вопрос в том, почему это происходит? Из большинства вещей, которые я читал, речь идет о том, что jQuery не загружен должным образом или существует конфликт между двумя сценариями. jQuery правильно загружается, потому что у меня есть другие объекты на моей странице, в которых jQuery работает нормально. Я использую Wordpress, поэтому конфликта уже нет.

В моей консоли я изменил отладки JS на что-то вроде этого:

clickEvents = jQuery('ul.breadcrumb[data-allownextonly]').data("events").click; 
jQuery.each(clickEvents, function(key, value) { 
    console.log(value.handler); 
}) 

Когда я выполняю это я получаю следующее сообщение об ошибке: TypeError: Не удается прочитать свойство «нажмите» неопределенной

Может кто-нибудь дайте мне знать, какие другие причины я получаю эти ошибки? Если у меня есть конфликтный сценарий или что-то в этом роде, как я могу узнать, где конфликт?

Спасибо!

Answer 1

В соответствии с API jQuery метод .data(key) возвращает undefined, если согласованный элемент не имеет данных, соответствующих ключу. Посмотрите на его использование http://api.jquery.com/data/. Он работает только с первым элементом в согласованном наборе в любом случае, поэтому вы не можете использовать его для получения массива обработчиков событий кликов. Как есть, он говорит, что первый согласованный элемент не имеет атрибутов данных «события». После получения данных, которые прилагаются, сделайте

var clickEvents = []; 
$(selector).data(key).each(function() { 
    clickEvents.push($(this).click); 
}); 

, чтобы собрать события щелчка.

Answer 2

Эта ошибка возникает при попытке выполнить неинициализированную или неправильно инициализированную функцию.

Answer 3

Казалось бы, jQuery('ul.breadcrumb[data-allownextonly]').data("events") is undefined, поэтому любое разыменование на этом вызывает ошибку.

Btw, изменение $ до jQuery не изменится в вашем коде. Если jQuery не был загружен, это приведет к другой ошибке.