Как остановить событие, всплывающее с помощью jquery live?
Я пытаюсь остановить некоторые события, но stopPropagation не работает с «live», поэтому я не уверен, что делать. Я нашел это на их сайте.
Живые события не всплывают традиционным способом и не могут быть остановлены с помощью stopPropagation или stopImmediatePropagation. Например, возьмем случай двух событий щелчка - одно связано с «li», а другое «li a». В случае щелчка на внутренней привязке оба события будут вызваны. Это потому, что когда $ ("li"). Bind ("click", fn); Вы действительно говорите: «Всякий раз, когда происходит событие щелчка в элементе LI - или внутри элемента LI - инициируйте это событие щелчка». Чтобы остановить дальнейшую обработку живого события, fn должен вернуть false
Он говорит, что fn должен вернуть false, так что я пытался сделать
$('.MoreAppointments').live('click', function(e) {
alert("Hi");
return false;
});
но это не сработало, поэтому я не уверен, как заставить его вернуть ложь.
Обновить
Вот еще немного информации.
У меня есть ячейка таблицы, и я связываю с ней событие click.
$('#CalendarBody .DateBox').click(function(e)
{
AddApointment(this);
});
Таким образом, AddApointment просто создает диалоговое окно с пользовательским интерфейсом.
Теперь живой код (MoreAppointments) находится в этой ячейке таблицы и является в основном тегом привязки. Поэтому, когда я нажимаю на тег привязки, он сначала переходит к приведенному выше коду (addApointment - сначала запускает это событие), но он не запускает мое диалоговое окно, а просто переходит к событию (MoreAppointment) и запускает этот код. После запуска этого кода он запускает диалоговое окно из «addApointment».
Обновление 2
Вот некоторые из HTML. Я не копировал всю таблицу, так как она довольно большая и все ячейки повторяются с одинаковыми данными. При необходимости я опубликую это.
<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>