Jquery не вешает обработчик на ссылку в меню yii?

Question

[Андрей Токмаков]

Есть обычное меню

<?php $this->widget('zii.widgets.CMenu',array(
	'items'=>array(
		array('label'=>'Home', 'url'=>array('#')),
		array('label'=>'About', 'url'=>array('#about')),
		array('label'=>'About2', 'url'=>array('#about2')),
	),
	'id'=>'top-menu',
	'htmlOptions'=>array('class'=>'top-menu'),
)); ?>

добавляем в макет

<script type="text/javascript">
$(function(){
   $('a').click(function(){
	   alert('Работает');
        return false; 
   }); 
});
</script>

В итоге при клике на ссылку в меню просто происходит переход к якорю, но если вставить ссылку руками в любую часть страницы, например <a href="#about2">я ссылка не из меню</a> то алерт прекрасно срабатывает.
Опять же, если заменить $('a').click(function(){ на $('li').click(function(){ то при щелчке мимо ссылки на li алерт срабатывает.

Уже пробовал и $('li a') и $('.top-menu li a') и по всякому

Почему не вешается на ссылку в меню обработчик?

UPD:
Все, вопрос решился заменой
$('a').click(function(){ на$('a').live('click',function(){
Сам затупил

Answer 1

[Папа Стифлера]

preventDefault()
Подробнее в документации: api.jquery.com/event.preventdefault

Comments

[Андрей Токмаков]

Это не то, суть вопроса не в том, что происходит переход, а в том что вообще ни чего не происходит, если вешать обработчик на ссылку, сгенерированную виджетом меню

[Андрей Токмаков]

точнее происходит, но не то что надо, я пробовал добавлять класс или ИД, выкидывать окно алерт, 0 реакции, просто ни чего не происходит

[Папа Стифлера]

А вы таки прочтите документацию по ссылке. Я сейчас в консоли Хрома проверил - все замечательно работает.

[Папа Стифлера]

Вот еще одна ссылка: stackoverflow.com/questions/5540561/jquery-click-e...

[Андрей Токмаков]

Не в этом дело, решение было простым, я просто забыл что вешать событие на еще не существующий элемент надо с помощью live или bind, по этому все работало с созданной руками ссылкой, а те ссылки, которые создавал виджет не работали

[Папа Стифлера]

live с версии jQuery 1.7 - deprecated. Используйте .on()

[Андрей Токмаков]

не объяснимо, но факт, гружу с гугла версию 1.8.1, с live() работает, с on() нет

[Андрей Токмаков]

и как быть

[Андрей Токмаков]

А еще on() работает с уже загруженным DOM, а мне это не подходит, попробовал повесить bind(), с ним работает, надеюсь он не устарел как live() ?

[Андрей Елпаев]

@NPC да bind не устарел, можно его использовать

[Андрей Токмаков]

Ну вот и чудненько

[Папа Стифлера]

Так пробовали?

$( document ).on( "click", "a.offsite", function() {
  alert( "Goodbye!" );  // jQuery 1.7+
});

[Андрей Токмаков]

Странно, но сейчас еще раз сделал и заработал on(), даже без "a.offsite"

[Папа Стифлера]

"a.offsite" - это селектор для примера.

[Андрей Токмаков]

Подскажите тогда еще 1 вопросик, при загрузке страницы надо добавлять класс ссылке с определенным хешем (#home например), опять же, если ссылка прописана руками класс добавляется, а если ссылка создается виджетом меню, то класс не вешается, как по вешать класс на ссылку генерируемую виджетом?

[Андрей Токмаков]

вот например alert(window.location.hash.slice(1)); так выдает хеш в алерте нормально, а если пытаюсь найти ссылку сгенерированную виджетом

$('a[href=#'+window.location.hash.slice(1)+']').addClass('selected');

не срабатывает

[Андрей Токмаков]

опечатка

$('a[href^=#'+window.location.hash.slice(1)+']').addClass('selected');

[Андрей Токмаков]

все, разобрался сам

Answer 2

[Андрей Елпаев]

Попробуйте таким образом,

$('a').on("click", function(){
     alert('Работает'); 
});

Comments

[Андрей Токмаков]

on не поможет, нужен live

[Андрей Елпаев]

Смотря какая версия jQuery, если младше 1.7 то live, а если старше то on

[Андрей Токмаков]

1.8.3 версия, с live сделал работает, с on пробовал не работало

[Андрей Токмаков]

1.8.1*