Как изменить цвет ссылки при нажатии?

Question

Я хочу изменить цвет ссылки onclick, ссылки основаны на ajax, я много пробовал, но не получил успеха, как я могу изменить его изменение, запрос действий происходит на этой странице.

 <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> 

Как я могу это сделать? заранее спасибо

Answer 1

Если это ссылка AJAX, вы не можете использовать псевдоселектор :visited.

Вместо этого используйте:

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

или что-то подобное

Answer 2

Попробуйте

$('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

должно быть что-то вроде этого

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

Answer 4

В современных браузерах (даже в IE10) если вы установите a:active псевдо класса вы получите этот результат без JavaScript:

a:active{ color: red; } 

Вы также можете Asign othere атрибуты.