问题实际上是这段代码:
$('ul.tabs a:not(.current)').hover( function () { $(this).fadeTo("fast", 1); }, function () { $(this).fadeTo("fast", .3); } );
您正在设置悬停在非当前选项卡上。 即使在修改选项卡的类之后,这种悬停仍然存在。因此,您将键盘悬停在选项卡上,单击它,它会修改为类
current
css3 tabs 选项卡,然后当您将键盘悬停时css3 tabs 选项卡,它会逐渐变为不透明。 3、尽管有新的类名; 您必须做一些事情来处理所有选项卡的悬停,甚至是当前选项卡。 如果您相应地修改悬停代码,它应该可以工作:
$('ul.tabs a').hover( function () { if(!$(this).hasClass("current")) { $(this).fadeTo("fast", 1); } }, function () { if(!$(this).hasClass("current")) { $(this).fadeTo("fast", .3); } } );