Como parar o evento borbulhando com jquery ao vivo?
Estou tentando parar alguns eventos, mas stopPropagation não funciona com "live", por isso não sei o que fazer. Eu encontrei isso no site deles.
Eventos ao vivo não borbulham da maneira tradicional e não podem ser interrompidos usando stopPropagation ou stopImmediatePropagation. Por exemplo, considere o caso de dois eventos de clique - um vinculado a "li" e outro "li a". Se um clique ocorrer na âncora interna, ambos os eventos serão acionados. Isso ocorre porque quando um $ ("li") liga ("clique", fn); Você está realmente dizendo "Sempre que um evento de clique ocorre em um elemento do LI - ou dentro de um elemento do LI - acione esse evento de clique." Para interromper o processamento adicional de um evento ao vivo, fn deve retornar false
Ele diz que fn deve retornar false então o que eu tentei fazer
$('.MoreAppointments').live('click', function(e) {
alert("Hi");
return false;
});
mas isso não funcionou, então não tenho certeza de como fazê-lo retornar falso.
Atualizar
Aqui está mais informação.
Eu tenho uma célula de tabela e eu ligar um evento de clique para ele.
$('#CalendarBody .DateBox').click(function(e)
{
AddApointment(this);
});
Portanto, o AddApointment apenas cria uma caixa de diálogo da interface do usuário.
Agora, o código ativo (MoreAppointments) fica nessa célula da tabela e é basicamente uma tag de âncora. Então, quando eu clico na tag anchor, ele vai primeiro para o código acima (addApointment - então executa esse evento primeiro), mas não inicia minha caixa de diálogo, vai diretamente para o evento (MoreAppointment) e executa esse código. Depois que o código é executado, ele inicia a caixa de diálogo "addApointment".
Atualização 2
Aqui está um pouco do html. Eu não copiei toda a tabela, pois ela é meio grande e todas as células se repetem com os mesmos dados. Se necessário, vou postar.
<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>