单击链接时,无法使用一段代码来更改背景颜色和文本颜色......
<div id="main_nav">
<ul class="navigation">
<li class="tab1"><a href="javascript:void(0);">My Account</a></li>
<li class="tab1"><a href="javascript:void(0);">Available Times</a></li>
<li class="tab1"><a href="javascript:void(0);">Completed Jobs</a></li>
<li class="tab1"><a href="javascript:void(0);">New Jobs [<span class="menu_count2"></span>]</a></li>
<li class="tab1"><a href="javascript:void(0);">Todays Jobs [<span class="menu_count"></span>]</a></li>
</ul>
</div>
这是 jquery....
$(document).on('click', '.tab1', function(){
$('.tab1').css({'background-color' : '#5B1762'});
$('.tab1 a').css({'color' : '#fff'});
$(this, '.tab1').css({'background-color': '#ccc'});
$(this, '.tab1 a').css({'color': 'red'});
});
这会更改背景颜色,但文本与 css 文件中一样保持白色。
你正在编码$(context, selector)
而不是$(selector, context)
, 改变:
$(this, '.tab1').css({'background-color': '#ccc'});
$(this, '.tab1 a').css({'color': 'red'});
To:
$(this).css({'background-color': '#ccc'});
$('a', this).css({'color': 'red'});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)