採用棘輪框架

棘輪移動框架切換活動類使用底部按鈕結構，看起來像這樣：採用棘輪框架

<nav class="bar-tab"> 
<ul class="tab-inner"> 
<li class="tab-item active"> 
    <a href="#"> 
    <img class="tab-icon" src="img/icon-messages.png"> 
    <div class="tab-label">Label</div> 
    </a> 
</li> 
<li class="tab-item"> 
    <a href="#"> 
    <img class="tab-icon" src="img/icon-hamburger.png"> 
    <div class="tab-label">Label</div> 
    </a> 
</li> 
<li class="tab-item"> 
    <a href="#"> 
    <img class="tab-icon" src="img/icon-settings.png"> 
    <div class="tab-label">Label</div> 
    </a> 
</li>

我想用JS更改活動標籤到過一個點擊。我試圖採取的方法是以下邏輯。

如果網站所在的頁面與href鏈接相同，則顯示該鏈接處於活動狀態。

<script language="JavaScript"> 
var sPath=window.location.pathname; 
var sPage = sPath.substring(sPath.lastIndexOf('/') + 1); 
$('.bar-tab li.tab-inner').click(function() { 

$(".active").removeClass("active"); 
$(this).parent().toggleClass('active', $(this).attr('href') == sPage); 

}); 

</script>

我不希望它僅僅是最後一個按鈕按下，因爲有其他的方式來導航回到應用程序的主要部分，它看起來怪異有一個按鈕，顯示積極的，如果他們的內容在看是完全無關的。

感謝您的任何幫助。

來源

2013-11-28 bradhanks

看看emberJS

{{#link-to 'index' classNames='tab-item'}} 
    <span class="icon icon-list"></span> 
    <span class="tab-label">Oversigt</span> 
    {{/link-to}}

有了這個語法，基於路由當前選項卡中設置爲主動

來源

2014-03-01 23:14:48 user3369534

採用棘輪框架

回答

相關問題