一千萬個為什麽

搜索

jquery選項卡切換器

我有以下腳本:

var SwitchTabs = function(container, tabs, activeclass, which) {
var tabContainers = $(container + ' > div');
var index = 0;
var tabnum = (which) ? parseInt(which) - 1 : 0;
tabContainers.filter(':eq(' + tabnum + ')').css({'display':'block'});
$(container + ' > ' + tabs).find('a').click(function(){
    index = $(this).parent().index();
    tabContainers.css({'display':'none'}).filter(':eq(' + index + ')').show();
    $(container + ' ' + tabs + ' ' + ' a').removeClass(activeclass);
    $(this).addClass(activeclass);
}).filter(':eq(' + tabnum + ')').click();
}

$(function(){
SwitchTabs('div.tabs', 'ul.mostpouplar', 'active', 1);
});

標記:


    <div class="tabs rrmodule">
    

Popular

    
    <div>
    Some content - tab 1
    </div>
    <div>
    Some content - tab 2
    </div>
    </div>

以上(根據代碼)應該將類設置為第一個錨元素並在頁面加載時顯示第一個DIV。然後顯示DIV並根據點擊設置錨類。我正在使用jquery 1.4.4。由於某種原因,click不起作用,onload設置類和顯示DIV都不起作用!我認為代碼非常簡單。請有人幫我這個。

謝謝, 大號

最佳答案

有幾個問題,您不應該使用JavaScript關鍵字 which 作為參數名稱。另外,您將 ui.mostpopular 拼錯為 ul.mostpouplar 。這是工作:

http://jsfiddle.net/magicaj/yFFaJ/2/

轉載註明原文: jquery選項卡切換器