我在单击事件
上添加类到父锚点时遇到困难CSS
<style type='text/css'>
.pro_nav li a{
color:#949494;
}
.pro_nav li a:hover, .pro_nav li a.active{
color:#ffbe1b;
}
JS CODE
<script type='text/javascript'>
$(function(){
$('.pro_info').hide();
$('.pro_info:first').show();
$('.pro_nav ul li a:first').addClass('active');
$('.pro_nav ul li a').click(function(){
$('.pro_nav ul li a').removeClass('active');
$(this).parent().addClass('active'); // this line not working
var Protab = $(this).attr('href');
$('.pro_info').hide();
$(Protab).fadeIn(1000);
return false;
});
});
HTML CODE
<div class="pro_nav">
<ul>
<li><a href="#qa">q&a </a></li>
<li><a href="#galleries">galleries</a></li>
<li><a href="#wishlist">wishlist</a></li>
</ul>
</div>
我想在主父母上申请活跃课程
答案 0 :(得分:0)
问题是没有为li
元素指定css规则,它是针对anchor
元素(.pro_nav li a.active
)
$('.pro_nav ul li a').click(function () {
$('.pro_nav ul li a').removeClass('active');
$(this).addClass('active');
var Protab = $(this).attr('href');
$('.pro_info').hide();
$(Protab).fadeIn(1000);
return false;
});
演示:Fiddle