Question

jQuery(document).ready(function(){
    var panelContainer = jQuery('div#panels');
    jQuery('<div id="tabs"></div>').insertBefore(panelContainer);   
    panelContainer.find('div.panel').each(function(n){
        jQuery('div#tabs').append('<a class="tab" href="#' + (n+1) + '">' + jQuery(this).attr('title') + '</a>');
    });

    var panelLocation = location.hash.slice(1);
    if(panelLocation){
        var panelNum = panelLocation;
    }else{
        var panelNum = '1';
    }
    panelContainer.find('div.panel').hide();
    panelContainer.find('div.panel:nth-child(' + panelNum + ')').fadeIn('slow');
    jQuery('div#tabs').find('a.tab:nth-child(' + panelNum + ')').removeClass().addClass('tab-active');
    jQuery('div#tabs').find('a').each(function(n){
        jQuery(this).click(function(){
            panelContainer.find('div.panel').hide();
            panelContainer.find('div.panel:nth-child(' + (n+1) + ')').fadeIn('slow');
            jQuery(this).parent().find('a').removeClass().addClass('tab');
            jQuery(this).removeClass().addClass('tab-active');
        });
    });
});

Answer 1

在jQuery('div#tabs').find('a').each(function(n){内以及之后（或之前）点击处理

添加以下代码：

jQuery(this).mouseover(function(){/* stuff */})

如何更改此代码以使鼠标悬停在标签上？

1 个答案: