flask-bootstrap导航的activa切换问题.

        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active" ><a href="/">Home</a></li>
                <li><a href="/user/hui">user</a></li>
                <li><a href="/product">product</a></li>
                <li><a href="/about">about</a></li>
            </ul>
        </div>

    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('ul.nav > li').click(function (e) {
            e.preventDefault(); //取消事件可以让导航菜单进入activa状态,但是页面不能跳转了
            $('ul.nav > li').removeClass('active');
            $(this).addClass('active');
        });

    });

</script>

注意导航代码是写在一个base.html页面里面，点击导航跳到其他页面是继承该页面的。
比如:about.html的代码只有:
{% extends "extend/base.html" %}
{% block page_content %}

我们吊炸天了