0

div を上にスライドさせるリンクのリストがあります。これは、http: //flesler.blogspot.ca/2007/10/jqueryscrollto.htmlで見つけたスクリプトを使用して作成しました。

リンクがクリックされたときにリンクの色が変わるようにして、ユーザーがどこにいるかを明確に確認できるようにします。私は次のようなことをしたいと思います:

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

ただし、別のリンクがクリックされると、色が元の色に戻ります。もちろん、外部の方が良いでしょう。

4

2 に答える 2

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;
});
于 2012-06-19T15:46:58.613 に答える
1

代わりに 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>

それはうまくいくはずです

于 2012-06-19T15:47:34.743 に答える