Форум

ekkl-82 · #1 (**permalink**) 18.10.2015, 18:07

Хочу немного разобраться с обработчиками событий

$(document).on('click','a', function(e) {
  console.log('Clicked....');
  e.prevenDefault();
}

Этот код блокирует все ссылки на странице. Дальше, если поместить:

$(document).off('click','a.enable')

По идее, это долно разблокировать ссылки с установленным классом enable
Но, похоже, этого не происходит.
1) Это нормальное поведение? Пробовал и с jQuery и с Zepto.
2) По документации можно узнать, что off() нужно вызывать с теми параметрами, что и on(). Тогда какой путь существует для разрешение подобной проблемы?
---
PS. Вообще стоит пользоваться Zepto? Тот же jQuery намного больше, это раз, во-вторых Zepto проще, поскольку имеет меньше неиспользуемых наворотов.

рони · #2 (**permalink**) 18.10.2015, 18:46

Сообщение от ekkl-82

По идее, это долно разблокировать ссылки с установленным классом enable

не должно, слежение за ссылками осталось прежним.

Сообщение от ekkl-82

prevenDefault

чего-то нехватает.

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function() {
    $(document).on("click", "a", function(e) {
        e.preventDefault();
        alert("Clicked....")
    });
    $(document).off("click", "a");
    $(document).on("click", "a:not(.enable)", function(e) {
        e.preventDefault();
        alert("Clicked....")
    })
});


  </script>
</head>

<body>
 <a href="http://www.yandex.ru/" title="yandex" class="yandex">yandex</a>
 <a href="http://javascript.ru/forum/" title="forum" class="enable">forum</a>
</body>

</html>

laimas · #3 (**permalink**) 18.10.2015, 18:53

ekkl-82, используйте в таких случаях пространства имен.

Форум

Справочник

Discord чат

Курсы javascript