jQuery控制台错误：Cannot read property 'call' of undefined排查求助

Hey there! Let's tackle your question step by step.

一、这个错误会不会引发其他问题？ #

虽然你说当前功能看起来符合预期，但这个报错确实会带来潜在问题：

• 它会中断当前点击事件后续的代码执行（如果之后有其他逻辑的话）
• 可能导致同一标签的开关行为不稳定，比如偶尔出现无法正常关闭/展开的情况
• 若页面上还有其他依赖jQuery each()方法的脚本，这个错误可能会间接影响它们的正常运行
  所以还是建议修复这个问题，避免留下隐性bug。

二、错误根源在哪里？ #

问题出在你代码里的这一行：

$('.af-wrapper').each().removeClass( "in" );

jQuery的.each()方法必须传入一个回调函数作为参数，用来遍历处理每个匹配到的元素。你这里没有传回调，直接链式调用.removeClass()，导致jQuery内部试图调用一个不存在的回调函数的call方法，于是抛出了Cannot read property 'call' of undefined的错误。

而且额外提一句：jQuery的DOM操作方法（比如.removeClass()）本身就是批量处理所有匹配元素的，完全不需要用.each()来逐个处理。直接写$('.af-wrapper').removeClass("in");就能实现移除所有.af-wrapper元素的in类，根本不需要多此一举用.each()。

另外你的代码里还有重复逻辑：先遍历.af-wrapper移除类，又遍历所有data-toggle="collapse"的div移除它们next元素的in类，这也可以优化。

三、修复后的代码 #

我帮你优化并修复了报错的问题，同时让逻辑更清晰：

function removeClassIn() {
  $('div[data-toggle="collapse"]').click(function() {
    // 获取当前点击标签对应的折叠内容元素
    const $targetContent = $(this).next();
    // 判断当前内容是否处于展开状态
    const isCurrentlyExpanded = $targetContent.hasClass("in");

    // 第一步：关闭所有已经展开的标签（移除所有in类）
    $('div[data-toggle="collapse"]').next().removeClass('in');
    // 如果.af-wrapper是其他需要同步关闭的元素，也加上这行
    // $('.af-wrapper').removeClass('in');

    // 第二步：如果当前标签原本是收起的，就展开它；如果原本是展开的，就保持关闭
    if (!isCurrentlyExpanded) {
      $targetContent.addClass('in');
    }
  });
}

修复要点： #

1. 移除了错误的无回调.each()调用，直接用jQuery批量操作方法
2. 简化了逻辑：先统一关闭所有，再根据当前状态决定是否展开当前标签，逻辑更直观
3. 避免了重复的DOM遍历，提升了代码效率

内容的提问来源于stack exchange，提问作者user7837718