javascript - 未捕获的类型错误 : Object # has no method 'click'

Question

我想单击当前事件项目中的下一个项目。哪个li是活跃的，它的标签包含活跃类。

首先，我激活一个标签，它的父标签是 li。现在我得到了 ul 中 li 的索引。然后在其值中添加 1，并获取下一个标签并在其上触发单击事件。

我的代码在 IE 和 Firefox 中运行良好，但在 Chrome 中出现以下异常。

"Uncaught TypeError: Object #<an Object> has no method 'click'"

请建议我使用可用的链接或示例代码或在我的代码中进行更正。

我的 html 代码是:-

    <nav class="cycle-nav-container" role="navigation">         
   <ul class="list-b" id="cycle-1-nav">
            <li class="hitmo"><a href="http://hitmo-studio.com/#hitmo">Hitmo</a></li>
            <li class="fastpr"><a href="#" class="active">FastPr</a></li>
            <li class="thinkmedia"><a href="http://hitmo-studio.com/#thinkmedia">Thinkmedia</a></li>
            <li class="arkana"><a href="http://hitmo-studio.com/#arkana">Arkana</a></li>
            <li class="bioway"><a href="http://hitmo-studio.com/#bioway">Bioway</a></li>
            <li class="nana"><a href="http://hitmo-studio.com/#nana">Nanaform</a></li>
            <li class="akademia"><a href="http://hitmo-studio.com/#akademia">Social Media Academy</a></li>
        </ul>
  </nav>

我的 Javascript 代码是:-

  var navIndex = $('.cycle-nav-container .list-b .active').parent();
    var nextIndex = $("ul.list-b li").index(navIndex) + 1;
    var par = $("ul.list-b");
    if(nextIndex>=par[0].children.length)
    nextIndex=0;
    var nextElement = par[0].children[nextIndex];
    var navIndex12 = nextElement.children[0];
   navIndex12.click();

Answer 1

为了调用 DOM 元素的单击处理程序，IE 定义了一个基本上触发单击事件的单击方法。 Firefox 从 FF 5+ 开始实现它。

但是，Chrome 仍然使用标准 W3C 定义的dispatchEvent 来以编程方式触发事件。

或者返回的 navindex12 对象也可能是 DOMTextElement。尝试提醒 navindex12.nodeType

总而言之，您应该在调用 click 方法之前尝试优雅地检查浏览器和元素约束。