Как починить $(document).on('click', 'selector', ...)?

Question

[Златослав Десятников]

Здравствуйте!
Использую jQuery 2.1.1. До недавнего времени не возникало никаких проблем.
Но сейчас потребовалось использовать Ajax-навигацию и теперь делать так нельзя:

$('selector').click(function(){
   // actions
});

Начал делать так:

$(document).on('click', 'selector', function(){
   // actions
});

Опять же, всё работало. Но вдруг элемент перестал как-либо реагировать на клик. Пробовал другие события (dblclick, mouseover, hover... ): они работают, а click не работает. :C


Как видно на скриншоте выше, событие click добавляется в массив событий документа, но не работает.

Перепробовал уже кучу всего, не работает.
Ubuntu 14.04 LTS, Chrome 38.0 (64-bit), Firefox 32.0.3

Answer 1

[Виталий Киренков]

Могу сказать, что будет точно работать.

Берёте ваш js, с событием клика и вставляете в контент, который прилетает аяксом. Будет работать.

Comments

[Златослав Десятников]

Да вот вопрос в том, что всё работает при mouseover и даже dblclick. А вот с click не работает.

[Виталий Киренков]

@pxz тогда, есть предположение, что на на эту кнопку забинден другой клик. Попробуйте .unbind("click") и после навесьте своё.

[Златослав Десятников]

@DeLaVega, внимательно посмотрите на скриншот. У меня используется on, а не bind. Как видно на скриншоте, для начала я делаю

$(document).off('click'); // Аналогично unbind для bind

[Виталий Киренков]

@pxz ага, и с чего вы снимаете click? Вешаете на кнопку, а снимаете с боди, кажется чутка не логично... я конечно могу ошибаться, но всё же...

[Златослав Десятников]

@DeLaVega, всё логично. Снимаю не с body, а с document. И вешается оно, по сути, на document. То есть слушает весь документ, а срабатывает на ".list_body_item-cover-hover". И я несколько раз проверил наличие лишних обработчиков событий с помощью
$._data(document, "events");

[Виталий Киренков]

@pxz интересная функция, не знал о такой.
Попробуйте пойти от обратного. Убейте весь js, оставьте сначала только клик, потом на него накиньте аякс. Если будет работать, то кусками добавляйте ваши плагины и скрипты.

[Златослав Десятников]

@DeLaVega, так дело в том, что в момент, когда не работает, аякс не используется. Просто потом, когда контент будет тянуться аяксом, $(selector).click() работать не будет: нужно будет использовать .on(), который будет срабатывать на тех селекторах, которых ещё не было во время его создания.

[Виталий Киренков]

@pxz ну так пробуйте дебажить как я сказал, по другому я никак не вижу решения.