Все события в экземпляр html заблокированы

Я пытаюсь редактировать код пользовательского интерфейса, но затем заблокирован в следующем пункте. Независимо от того, что я делаю, я не могу привязывать какое-либо событие к объекту jquery.

Существует много объектов с именем класса. Следующий код не оказывает никакого влияния на объект jquery.

$(".link").on("click",function(x){alert("clicked")})

Что может быть возможной причиной этого. Я проверил код и смог узнать, что $ (". Link") возвращает действительный объект.

1
nl ja de
я попробовал их все, как-то такие события, как щелчок, мышь и все блокированы
добавлено автор Vineeth Mohan, источник
В коде CSS указателей-событий было установлено значение none. из-за этого ни один из обработчиков событий не работал.
добавлено автор Vineeth Mohan, источник
Старая версия jQuery? Вызов .on() до того, как элемент существует? Другой элемент, блокирующий элемент .link ? Другое событие прекращает распространение? Вам нужно, чтобы весь код сказал наверняка.
добавлено автор JJJ, источник
Может быть, вы этого не видели: «Нужно увидеть весь код»
добавлено автор JJJ, источник
Позаботьтесь, чтобы объяснить, в чем проблема, пожалуйста?
добавлено автор Shadow Wizard, источник
и конкретные события jQuery, такие как .click (), тоже не работают?
добавлено автор dan, источник

3 ответы

Одна из возможных и весьма вероятная причина заключается в том, что код выполняется до того, как элементы фактически существуют. Заверните код в вызове $ (document) .ready() :

$(document).ready(function() {
    $(".link").on("click",function(x){alert("clicked")});
});

Рекомендуемое чтение:

3
добавлено
Не работает над элементами, добавленными «на лету» (это целая цель .on() . См. .
добавлено автор Shadow Wizard, источник
Имеет ли он преимущество над .click() или .bind ("on") ?
добавлено автор Shadow Wizard, источник
Хорошо спасибо, по какой-то причине у меня создалось впечатление, что .on() прибыл, чтобы заменить .live() .
добавлено автор Shadow Wizard, источник
@ShadowWizard. Я хорошо знаю, что он не будет работать с динамически добавленными элементами, но нет никаких указаний в вопросе, что ему нужно. Не говоря уже о том, что это не «целая цель» .on() . Функция .on() предназначена для привязки всех событий, как прямых, так и делегированных.
добавлено автор Anthony Grist, источник
@ShadowWizard На практике все они делают то же самое - .bind ("click") и .click() call .on ("click") в фоновом режиме. Использование .on() для всех является согласованным синтаксисом, и это функция, рекомендуемая в jQuery API.
добавлено автор Anthony Grist, источник

Представляется, что это обычная путаница с .on() . В случае динамически добавленных элементов вы должны применить .on() к родительскому (который существует, когда документ готов) и поместить область как второй аргумент .on ( ) .

В вашем случае это должно быть:

$(document).ready(function() {
    $("body").on("click", "div.link", function(x){alert("clicked")})
});

Это также будет работать для создания таких элементов на лету. Live test case .

1
добавлено

Обычно такие события, как .on («click», function (d, i) {console.log ('clicked');}) должны работать ... но если это не выполняется, там должен быть частью CSS для края, где pointer-events будет установлен как none .. и удаление этого должно сделать трюк

0
добавлено
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском