So aktivieren Sie die Navigationsleiste in Bootstrap mit JQuery

Ich möchte die Navigationsleiste aktivieren, wenn ich darauf klicke.

Hier ist die jquery, die ich benutze

$(document).ready(function () {
        $('.navbar li').click(function(e) {
            $('.navbar li').removeClass('active');
            var $this = $(this);
            if (!$this.hasClass('active')) {
                $this.addClass('active');
            }
        e.preventDefault();
        });         
    });

Aber weil diepreventDefault Ich kann nicht zu dem Link gehen, den ich will. Es macht nur die Navigationsleiste aktiv, aber es geht nicht zu dem Link, den ich wähle.

Und hier ist der Link-Code:

<div class="nav-collapse collapse">
    <ul class="nav">
        <li><a href='<?php echo site_url(' tampilan ') ?>'>Knowledge Base</a>
        </li>
        <li><a href='<?php echo site_url(' ticketing/browse_ticketing ') ?>'>Ticketing</a>
        </li>
        <li><a href='<?php echo site_url(' user/logout ') ?>'>Logout</a>
        </li>
    </ul>
</div> 

wenn ich nicht benutzepreventDefault() Die Navigationsleiste ist nicht aktiv, aber wenn ich sie benutze, kann ich nicht zum gewünschten Link gehen.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage