2017-02-01 9 views
0

Привет всем, я пытаюсь изменить плагин загрузочных вкладок, чтобы стать меню с вкладками, чтобы вместо события click реагировать на события mouseover/mouseout. До сих пор я открывал панель вкладок при наведении курсора мыши и закрывал курсор мыши, но проблема заключается в том, что на вкладках тачпада mouseout перед тем, как пользователь сможет выбрать что-либо на панели вкладок. Мне нужно сделать вкладки не спрятаться, если мышь над ними, и только мышка оставила их.События загрузки мышки

Вот код JQuery я закончил с

(function ($) { 
    $('.nav-tabs a').bind('mouseover mouseout', function(e){ 
     if(e.type == 'mouseover'){ 
      e.preventDefault(); 
      $(this).tab('show'); 
     }else{ 
      if($('.tab-pane').hasClass('active')){ 
       $(this).parent('li').removeClass('active'); 
       $('.tab-pane').removeClass('active'); 
      } 
     } 
     }); 
})(jQuery); 

ответ

0

Вы можете сделать следующим образом

$('.nav-tabs a').bind('mouseover', function(e){ 
     $(this).click(); 
}); 

Working fiddle

Update

$('.nav-tabs a').bind('mouseover', function(e){ 
    $('.tab-content').show(); 
     $(this).click(); 
    }); 
    $('.nav-tabs').bind('mouseout', function(e){ 
    $('.nav-tabs li').removeClass('active'); 
    $('.tab-content').hide(); 
    }); 

Updated fiddle

+0

Да, это сработает, но проблема OP не будет решена. –

+0

Manoj, thx для вашего ответа, но проблема в том, что мне нужно, чтобы вкладки стали неактивными на mouseout (т.е. - активный класс удаляется из .nav-tabs и .tab-pane), если мышь выходит из .tab-панели и .nav-tabs, но если мышь закончилась .tab-панель, мне нужно все, чтобы оставаться активным, если мышь не покидает – user1856779

+0

. Вы не совсем понимаете, что я имею в виду - вот пример того, что мне нужно (см. меню с вкладками на этом сайте) - http://laptop.ru/catalog/noutbuki_planshety/notebooks/ – user1856779