Jak zatrzymać bulgotanie zdarzeń za pomocą jquery na żywo?
Próbuję zatrzymać niektóre wydarzenia, ale stopPropagation nie działa z „live”, więc nie jestem pewien, co robić. Znalazłem to na ich stronie.
Zdarzenia na żywo nie są bańki w tradycyjny sposób i nie można ich zatrzymać przy użyciu stopPropagation lub stopImmediatePropagation. Weźmy na przykład przypadek dwóch zdarzeń kliknięcia - jednego związanego z „li” i drugiego „li a”. Gdyby kliknięcie pojawiło się na wewnętrznej kotwicy, oba zdarzenia zostaną wyzwolone. Dzieje się tak dlatego, że gdy $ ("li"). Bind ("kliknij", fn); jest związane, że tak naprawdę mówisz „Kiedy zdarzenie click występuje na elemencie LI - lub wewnątrz elementu LI - wywołuje to zdarzenie kliknięcia”. Aby zatrzymać dalsze przetwarzanie dla zdarzenia na żywo, fn musi zwrócić false
Mówi, że fn musi zwrócić fałsz, więc to, co próbowałem zrobić
$('.MoreAppointments').live('click', function(e) {
alert("Hi");
return false;
});
ale to nie zadziałało, więc nie jestem pewien, jak sprawić, by zwróciło się fałszywe.
Aktualizacja
Oto kilka dodatkowych informacji.
Mam komórkę tabeli i wiążę z nią zdarzenie click.
$('#CalendarBody .DateBox').click(function(e)
{
AddApointment(this);
});
Więc AddApointment po prostu tworzy jakieś okno dialogowe ui.
Teraz kod na żywo (MoreAppointments) znajduje się w tej komórce tabeli i jest w zasadzie tagiem zakotwiczenia. Więc kiedy klikam znacznik zakotwiczenia, najpierw przechodzę do powyższego kodu (addApointment - uruchamia najpierw to zdarzenie), ale uruchamia to okno dialogowe, zamiast tego przechodzi bezpośrednio do zdarzenia (MoreAppointment) i uruchamia ten kod. Po uruchomieniu tego kodu uruchamia okno dialogowe z „addApointment”.
Aktualizacja 2
Oto niektóre z html. Nie skopiowałem całej tabeli, ponieważ jest ona dość duża i wszystkie komórki powtarzają się z tymi samymi danymi. W razie potrzeby opublikuję to.
<td id="c_12012009" class="DateBox">
<div class="DateLabel">
1</div>
<div class="appointmentContainer">
<a class="appointments">Fkafkafk fakfka kf414<br />
</a><a class="appointments">Fkafkafk fakfka kf414<br />
</a><a class="appointments">Fkafkafk fakfka kf414<br />
</a><a class="appointments">Fkafkafk fakfka kf414<br />
</a><a class="appointments">Fkafkafk fakfka kf414<br />
</a>
</div>
<div class="appointmentOverflowContainer">
<div>
<a class="MoreAppointments">+1 More</a></div>
</div>
</td>