VPF::Проблема при обработке события click()

Vovan222

Дата 12.8.2011, 00:19 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 87
Регистрация: 9.9.2010

Репутация: нет
Всего: нет

Всем привет у меня есть следующая форма:

Код


<form method="POST" action="">
    <fieldset>
          <legend id="searchLabel">Поиск:</legend>
               <table>
                   <tbody>
                         <tr>
                              <td width="200px" align="left"></td>
                              <td width="400px" align="left" colspan="2">
                        </td>
                  </tbody>
              </table>
     </fieldset>
</form>

Мне нужно отследить клик на элементе legend#searchLabel. Делаю так:

Код


$('#searchLabel').click(function(e){
    e.stopPropagation();
    toggleSeachPanel($('#shortcuts'));
});

Все работает прекрасно, однако из-за "всплытия событий", этот клик срабатывает для всех потомков элемента legend. Т.е если кликнуть на ячейку td, то функция toogleSearchPanel будет вызвана, поскольку событие по цепочки вверх передается элементу label. Мне это не нужно. Можно ли как-то это обойти. Помогите пожалуйста.

нуп

Дата 12.8.2011, 08:44 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

А где вы видите потомков label? smile

Проверил в ff/chrome/opera/ie7 клик срабатывал только если кликнуть на "Поиск:"

blah

Дата 13.8.2011, 19:59 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: нет
Всего: 17

У вас же все есть, просто сделать по аналогии с легендой:

Код


$('#searchLabel td').click(function(e){
    e.stopPropagation();
});

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »