javascript - 在查看 div 时尝试将菜单项设为粉红色

Question

我有一个链接列表，可以让 div 在它们上方滑动，这是我使用在这里找到的脚本制作的：http: //flesler.blogspot.ca/2007/10/jqueryscrollto.html。

我希望链接在单击时更改颜色，以便用户可以清楚地看到它们的位置。我想做类似的事情：

<li><a href="#promo" onclick="this.style.color='green'; return false;">Promo Package</a></li>

除非单击另一个链接时将颜色更改回其原始颜色。当然，外部会更好。

Answer 1

我会在列表中使用点击监听器：

$('ul').on('click', 'a', function() {
    $('ul a').css('color', '#000000'); // set all links to black;
    $(this).css('color', '#00FF00'); // set curent link to green;
    return false;
});

Answer 2

为什么不使用 CSS 样式呢？

如果你有 jQuery：

<li><a href="#promo" class="link_black">Promo Package</a></li>


jQuery(document).ready(function(){
    jQuery('.link_black').click(function(){
        jQuery(".link_green").removeClass('link_green');
        jQuery(this).addClass('link_green');
    });
});


<style>
.link_black{
    color : black;
}
a.link_black{
    color : green;
}
</style>

如果你不使用 jQuery：

<li><a href="#promo" class="link_black" onclick="clickedGreenLink(this)">Promo Package</a></li>

<script>
function clickedGreenLink(obj){
   if (window.currentGreenLink!=undefined){
      window.currentGreenLink.class=window.currentGreenLink.class.replace('link_green','');
   }
   window.currentGreenLink=obj;
   window.currentGreenLink.class+='link_green';
}
</script>

那应该工作