具有活动类和边框的Bootstrap左导航菜单

Question

我想在有人点击它时在左侧菜单上添加一个活动类。我试过跟随，但如果我添加e.preventDefault（），那么链接不起作用，它不会显示任何输出。如果我删除e.preventDefault（）然后它给我输出但活动类返回到Home。另外，我想在左侧菜单中添加边框。如果您有任何解决方案，请告诉我。这是代码

Html文件代码

<ul class="nav nav-pills nav-stacked span2" >
        <li class="active"><a href="Home.aspx">Home</a></li>
        <li><a href="ShreddingStatistics.aspx">Shredding Statistics Report</a></li>
        <li><a href="ShreddingDetailReport.aspx">Shredding Detail Report</a></li>

</ul>

Jquery代码

    $(document).ready(function () {

        $(".nav.nav-pills.nav-stacked li").click(function (e) {
                        e.preventDefault();
                        $(".nav.nav-pills.nav-stacked li").removeClass("active");
                        $(this).addClass("active");

                    }); });