JQuery, если hasClass действие

Question

Я сделал эту скрипку:

http://jsfiddle.net/4CtLV/

Теперь, что я пытаюсь сделать, это если вкладка выбрала Tab в качестве своего класса, а затем показать соответствующий div.Я настроил оператор if, но не уверен, куда идти,

Любая помощь приветствуется!

Answer 1

Посмотрите на эту редакцию .

Я разработал код для отображения вкладки в функцию showTab:

var showTab = function(id) {
    $tab = $("#" + id);
    $('.tabTrigger').removeClass('selectedTab');
    $tab.addClass('selectedTab');
    $('.tabContent').hide();
    $('#' + id.replace('tab','content')).show();
}

Остальноетогда очень просто:

// Show the selected tab, or the first one if none is selected
var selectedId = $('.tabTrigger.selectedTab').attr('id');
showTab(selectedId || $('.tabTrigger:first').attr('id'));

// Set up the click handlers
$('.tabTrigger').click(function(){
    showTab(this.id);
});

Как общее примечание, во всех таких случаях вам нужно учитывать код, который вы хотите запустить, в автономную функцию.Как только вы это сделаете, все остальное придет естественно.

Answer 2

Попробуйте мое обновление: http://jsfiddle.net/4CtLV/5/

$(document).ready(function() {
    $('.tabContent:gt(0)').hide();
    $('.tabTrigger:first').addClass('selectedTab');
    var selectedTab = $('.tabTrigger.selectedTab:first');
    if (selectedTab.length == 1) {
        $('#' + selectedTab.attr('id').replace('tab', 'content')).show();
    }
    $('.tabTrigger').click(function() {
        $('.tabTrigger').removeClass('selectedTab');
        $(this).addClass('selectedTab');
        $('.tabContent').hide();
        var id = $(this).attr('id');

        id = id.replace('tab', 'content');

        $('#' + id).show();
    });
});

Answer 3

Попробуйте вместо этого $('.tabTrigger.selectedTab') в качестве селектора, а затем используйте .show(), чтобы показать их:

$('.tabTrigger.selectedTab').show();

http://jsfiddle.net/mattlunn/4CtLV/1/