手动触发Bootstrap导航菜单点击事件

Question

我有一个需求，需要手动触发Bootstrap（v3.3.5）导航菜单的点击事件。我已经尝试了用li元素以及li内部的a标签来触发点击事件，但它们都没有生效。以下是我的代码：

<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 Kottari

---

嗨，维卡斯，请尝试这个：$('#li_watsNew a').trigger('click'); - Mansukh Khandhar

Answer 1

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

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

这个也会触发onclick事件：

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

您的代码问题在于使用了jQuery的click事件。在这种情况下，您需要使用本机事件。jQuery对象的$()[0]会给您它的DOM版本（第一个匹配查询）。您也可以使用jQuery的$().get(0)，它与$()[0]完全等效。

- Blaž Zupančič