li标签和a 标签怎么同时响应点击事件，但a标签嵌套在li标签里面，点击后只响应a标签事件？

Question

如题
html代码：

 <div class="collapse navbar-collapse navbar-right" id="example-navbar-collapse">
            <ul class="nav navbar-nav " id="nav_home">
                <li class="active">
                    <a href="#myCarousel" title="首页">首页</a>
                </li>
                <li>
                    <a href="#about" title="关于">关于</a>
                </li>
                <li>
                    <a href="#product" title="产品">产品</a>
                </li>
                <li>
                    <a href="#support" title="技术支持">技术支持</a>
                </li>
                <li>
                    <a href="#case" title="案例">案例</a>
                </li>
                <li>
                    <a href="#contact" title="建议">联系</a>
                </li>
            </ul>
        </div>

js代码：

 $("a").click(function() {
        $("html,body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, 1000);
        return false;
    });
    $("#nav_home").each(function (index) {
        $(this).click(function () {
            $("li").removeClass("active");
            $("li").eq(index).addClass("active");
        });
    });

我想改变li标签的颜色，但发现只响应a标签的跳转事件，不响应li标签的点击事件

Answer 1

你可以直接写成li的点击事件,然后跳转到它的子类a的地址啊