Bootstrap：如何更改导航栏活动类

Question

这是针对Bootstrap v3的。当我单击列表项时，我想使用下面的代码来更改活动类，但是它不起作用。

iabbrev <buffer> || ∨
iabbrev <buffer> ||| ⫴
iabbrev <buffer> alpha α

这是完整的html。

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