手动触发引导导航栏菜单单击事件答案

【问题标题】：Manually fire bootstrap navbar menu click event手动触发引导导航栏菜单单击事件
【发布时间】：2015-08-31 09:04:26
【问题描述】：

我有一个要求，我必须手动触发 bootstrap(v3.3.5) 导航栏菜单的点击事件。我已经尝试过 li 的点击事件以及 li 中的标签，但它们确实有效。以下是我的代码：

<div id="navbar" class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
        <li role="presentation"><a href="index.html"><span class="menuicon home"></span><span class="menutittle">Home</span></a></li>
        <li id="li_contact"><a href="contact.html"><span class="menuicon contact"></span><span class="menutittle">Contact</span></a></li>
        <li id="li_watsNew"><a href="wats-new.html"><span class="menuicon fingerprint"></span><span class="menutittle">What's New</span></a></li>

        /// etc. . . .

jQuery 代码：

$('#li_watsNew').click(); //doesn't fire

或

$('#li_watsNew a').click(); //doesn't fire

请帮助我。

【问题讨论】：

嗨 vikas，试试这个 $('#li_watsNew a').trigger('click');

标签： jquery twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

这行代码会将用户带到您的<a> 指向的位置：

window.location = $('#li_watsNew a').attr('href');

这个也会触发onclick事件：

$('#li_watsNew a')[0].click();

您的代码的问题在于，它使用了 jQuery 的点击事件。在这种情况下，您需要原生的。 jQuery 对象的 $()[0] 为您提供了它的 DOM 版本（第一个查询匹配的）。你也可以使用jQuery的$().get(0)，它完全等同于$()[0]

【讨论】：