Bootstran導航。主動鏈接它不添加類。主動到當前鏈接

這可能HTML：Bootstran導航。主動鏈接它不添加類。主動到當前鏈接

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">My Blog Site</a> 
    </div> 

    <div class="collapse navbar-collapse navbarCollapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="{{ route('blogs.index') }}">Blogs</a></li> 
      <li><a href="{{ route('blogs.create') }}">Create</a></li> 
     </ul> 
    </div> 
    </div> 
</nav>

我有bootstrap.min.js但主鏈路它不工作。然後我試圖做的伎倆使用jQuery：

$(document).ready(function() { 
     $(".nav a").on("click", function(){ 
     $(".nav").find(".active").removeClass("active"); 
     $(this).parent().addClass("active"); 
    }); 
});

但是當我點擊添加類.active但隨後消失。我究竟做錯了什麼？謝謝。

來源

2016-01-18 Labanino

當您點擊該鏈接時，您可能正在瀏覽'blogs.create'。所以jquery增加了'active'類，然後頁面重新加載，並且''active'硬編碼到'blogs.index'路由。你需要在分配'active'類時檢查你的當前頁面，或者阻止導航（如果你只是想看看類是如預期的那樣被應用的話）。 – beercodebeer

Bootstrap只是樣式化你的頁面，它不是猜測哪些是活動的，它是你的，所以它不是問題... – pbenard

Bootstrap有很多與樣式無關的組件，並且具有這種功能盒子。 – Labanino

我不知道，但在Laravel .active鏈接的作品不同，它被稱爲活動狀態所以我用jQuery做的方式不起作用，因爲你是在處理路線。

然後我從使用的大包德懷特·沃森稱爲主動：https://packagist.org/packages/watson/active

，做它的Laravel方式。

來源

2016-01-20 15:54:20 Labanino

Bootstran導航。主動鏈接它不添加類。主動到當前鏈接

回答

相關問題