单击时如何更改链接的颜色？

Question

I want to change the link colour onclick, the links are ajax based, i tried a lot but didn't get success how can i change the change it, request action is going on this page.

        <div class="topheading-right">
        <span>
            <?php echo $this->Manager->link('Archived Events', array('a'));?>
        </span>
        <?php echo $this->Manager->link('View All', array(''));?>
    </div>
</div>

<div id='events-event_list' class='dashboard-<?php echo __l($product_name);?>s'>
    <?php echo $this->requestAction(array('controller'=>'events', 'action'=>'view_event_list', $is_archive), array('return'));?>
</div>

How can i do that? thanks in advance

Answer 1

If it's an AJAX link, you can't use the :visited pseudoselector.

Instead, use:

 $('a').live('click',function(){this.style.css.color='red'})

or something similar

Answer 2

Try

$('a[id^="link-"]').on('click',function(event){
   event.preventDefault();
   var Obj = $(this);
   Obj.css('color','red');
   var href = Obj.attr('href');
   //ajax call with url href
});

Answer 3

should be something like this

 $('a').on('click',function(){
     $(this).css('color','red');
 });

Answer 4

In modern browsers (even in IE10) if You will set a:active pseudo class You will get this result without JavaScript:

a:active{ color: red; }

You can also asign othere attributes.