2014-12-28 76 views
0

我在這裏設置了一個小提琴:http://jsfiddle.net/bnnsqwsd/活動標籤點擊問題

基本上,我試圖重新創建http://jsfiddle.net/syahrasi/Us8uc/,但有一些變化(主要從ID變爲數據屬性,所以我可以在一個頁面上有多個標籤模塊)。

它可以工作,但如果您在加載後單擊第一個活動選項卡(製表符#1),它會打破嗎?

這裏是我的jQuery:

$(document).ready(function() { 
    $(".tabs-menu a").click(function(event) { 
    event.preventDefault(); 
    $(this).parent().addClass("current"); 
    $(this).parent().siblings().removeClass("current"); 
    var tab = $(this).data("tab"); 
    $(".tab-content").not(tab).css("display", "none"); 
    $(tab).fadeIn(); 
    }); 
}); 

回答

3

你忘記

data-tab=".tab-1" 

添加到您的第一個李一

<li class="current"><a href="#tab-1" data-tab=".tab-1">Tab 1</a></li> 

DEMO

0

我也用這個標籤。它很好,小腳本。我想如何讓汽車一個一個地改變。像每5秒鐘說一下下一個選項卡將激活。像滑塊