jquery - 是什么原因导致类型错误: undefined is not a function?

Question

所有，我正在尝试调试一些代码，并且在 JS 控制台中使用了以下代码:

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

当我执行此命令时，出现错误:类型错误:未定义不是函数

我的问题是什么导致这种情况发生？从我读到的大部分内容来看，它涉及 jQuery 未正确加载或两个脚本之间存在冲突的事实。 jQuery 正在正确加载，因为我的页面上还有 jQuery 运行良好的其他对象。我使用的是Wordpress，所以已经没有冲突了。

在我的控制台中，我将 JS 调试更改为如下所示:

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

当我执行此操作时，出现以下错误:类型错误:无法读取未定义的属性“单击”

任何人都可以让我知道我会收到这些错误的其他原因吗？如果我有一个冲突的脚本或类似的东西，我如何找出冲​​突在哪里？

谢谢!

Answer 1

根据 jQuery API，如果匹配的元素没有任何与键匹配的数据，则 .data( key ) 方法返回 undefined。看看它的用法http://api.jquery.com/data/ 。在任何情况下，它仅对匹配集中的第一个元素进行操作，因此您不能使用它来获取单击事件处理程序的数组。也就是说，第一个匹配的元素没有数据属性“events”。获取附加数据后，执行

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

收集点击事件。