Блог

Главная - Вопросы по программированию - как я могу изменить этот код, чтобы курсор мыши перемещался по вкладкам?

как я могу изменить этот код, чтобы курсор мыши перемещался по вкладкам?

#jquery #wordpress #tabs

#jquery #wordpress #вкладки

Вопрос:

 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');
        });
    });
});

Ответ №1:

внутри jQuery('div#tabs').find('a').each(function(n){ и после (или до) обработки щелчков

добавьте этот код:

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

Комментарии:

1. Спасибо, теперь код выглядит так: panelContainer.find(‘div.panel’).hide(); panelContainer.find(‘div.panel:n-й дочерний элемент (‘ panelNum ‘)’).fadeIn(‘медленный’); jQuery (‘div#tabs’).find(‘a.tab:n-й дочерний элемент (‘ panelNum ‘)’).removeClass(). addClass(‘вкладка-активна’); jQuery(‘div#tabs’).find(‘a’).each(функция (n){ jQuery(это). наведение курсора мыши (функция(){ panelContainer.find(‘div.panel’).hide(); panelContainer.find(‘div.panel:nth-дочерний элемент (‘ (n 1) ‘)’).fadeIn(‘медленный’); jQuery (этот).parent().find(‘a’).removeClass().addClass(‘tab’); jQuery (этот). removeClass().addClass(‘вкладка-активна’); }); }); });

2. Спасибо stecb, и, кстати, могу ли я заставить его автоматически поворачиваться и останавливаться при наведении курсора мыши??