Блог

У меня есть следующий UL:

    <ul class="xbreadcrumbs" style="position:absolute; bottom:0px">
<li><a href="someURL">A Crumb</a></li>
</ul>
  

Это динамически создается моим javascript. Как я могу переопределить щелчок для каждого LI, который находится внутри UL с именем xbreadcrumbs в jQuery, и заставить его что-то делать вместо перехода к новой гиперссылке?

Кроме того, как я могу заставить поведение отличаться для каждого li?

Обновлено:

 $.each('.xbreadcrumbs li', function(){
        $(this).live('click',function(e){
          e.stopPropagation();
          console.log('clicked for each li');
        });
    });
  

Live — это часть ответа, другая часть ответа заключается в том, что вам нужно использовать свойство события target , чтобы узнать, какой элемент был фактически нажат.

 $('.xbreadcrumbs li').live('click', function(e){
    e.preventDefault();
    console.log('Clicked on element', e.target);
});
  

После того, как вы добавите ul динамически в DOM, вы можете подписаться на .click() событие внутреннего lis :

 $('.xbreadcrumbs li').click(function() {
    // do something when the li is clicked
});
  

вам нужно будет использовать функцию .live(), чтобы динамически создаваемые элементы прикрепляли событие…

 $("ul.xbreadcrumbs li").live("click", function() {
    //do something
}
  

Используйте живое событие:

 $('.xbreadcrumbs li').live('click', function(){
    //override here
});
  

Поскольку </ul> он добавляется динамически, лучше всего использовать $.live() или $.delegate() следующим образом:

 $('.xbreadcrumbs li').live('click', function(e){
    e.stopPropagation();
    console.log('Clicked');
});
  

Надеюсь, это поможет!