Ошибка при onclick

[ureech]

Всем привет.Привожу упрощённый html код, так как в реальности пункты выводятся в смарт шаблоне в зависимости от уровней вложенности.

<ul id="cats">1
<li class="cats" data="1">1.2
<ul id="subcats">
<li class="subcats" data="2">2.1</li>
</ul>
</li></ul>

$('ul#subcats .subcats').on('click',function(){
var id = this.getAttribute('data');
location.href='/board/'+id;
})
$('#cats .cats').on('click',function(){
var id = this.getAttribute('data');
location.href='/board/'+id;
})

В итоге, выбирая подкатегорию, всё равно открывает категорию.Но если включаю проверку, прописывая перед location.href='/board/'+id; alert(id), то после алерта срабатывает как надо.
Подскажите как поправить.

[рони]

ureech,

Регистрация: 11.03.2013

то что клик всплывает выше по DOM из подкатегории в категорию, согласно вашей структуре, никак не запомнить, что нужно отменить всплытие?
$('ul#subcats .subcats').on('click',function(event){event.stopPropagation();

прекращение-всплытия

[ureech]

рони,
Благодарю, как то не сталкивался с этими всплытиями.