Javascript 引导导航栏不'；t在单击品牌时设置活动页面

我已经看到了很多关于如何在navbar页面上切换活动类的解决方案，但是没有解决当您将navbar品牌链接设置为转到主页时会发生什么，以及在这种情况下如何将主页链接设置为活动，同时禁用以前的活动链接的问题。这是导航栏：

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header row">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbarCollapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#!/">KitchBlocks</a>
            </div>
            <div class="collapse navbar-collapse navbarCollapse">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="#!/">Home</a>
                    </li>
                    <li>
                        <a href="#!/purchase">Purchase</a>
                    </li>
                    <li>
                        <a href="#!/download">Download</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="http://www.kiche.com/" style="padding:0"><img src="images/a.png" height="32" style="margin-top:1px" ></a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

切换导航

以下是jquery代码：

<script type="text/javascript">
    $(document).ready(function() {
        $(".nav a").on("click", function(){
            $(".nav").find(".active").removeClass("active");
            $(this).parent().addClass("active");
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.nav a”）。在（“单击”，函数（）{
$（.nav”）.find（.active”）.removeClass（“active”）；
$（this.parent（）.addClass（“活动”）；
});
});

---

同样，要重新创建问题：导航到主页，默认情况下“主页”处于活动状态。导航到“下载”，它将变为活动状态。点击品牌链接，该链接重定向至“主页”，但“下载”仍处于活动状态。不管怎样，要解决这个问题吗

下面是对示例的简单修改。工作小提琴是

---

下面是对示例的简单修改。工作小提琴是

 $(document).ready(function() {
    $(".nav a").on("click", function(){
        $(".nav").find(".active").removeClass("active");
        $(this).parent().addClass("active");
    });
    $(".navbar-brand").on("click", function(){
        $(".nav").find(".active").removeClass("active");
        $('.nav a[href="#!/"]').parent().addClass("active");
    });
});