Обработчик клика на созданый элемент

@Tvis · Регистрация: 30.09.2015

Студворк — интернет-сервис помощи студентам

Добавляю я новый div по средствам js, а именно .append
Но обработка события на клик по нему не работает.
Как сделать так чтобы она работала? по id или классу (IDS), так же нужно будет достать из него значение data-game="Значение"

JavaScript
1
2
$(document).on('click','#IDS',function() {  не работает(
$(".IDS").click(function() { тоже не работает

@Muxacuk · 25.01.2017, 14:45

почитай про делегирование, либо вешай обработчик на созданный элемент

@Balanaar · 25.01.2017, 15:28

JavaScript
1
2
3
$(document).on('click','.IDS',function() {
  // ...
}

Классовый селектор начинается с точки.

Добавлено через 5 минут
Совет: рекомендуется указывать делегата как можно "ближе" к делегируемым элементам. Дело в том, что ваш обработчик будет срабатывать при каждом клике в области документа, что не есть хорошо в плане производительности.

@Tvis · 25.01.2017, 18:14 **[ТС]**

Сообщение от Balanaar

Классовый селектор начинается с точки.

спецом для вас написал что

Сообщение от Tvis

по id или классу

и естественно привел пример с id
Да это работает но, при каких то обстоятельствах вешается слишком много обработчиков ибо имею ajax загрузку страниц
и скрипт в некоторых случаях загружается несколько раз. а я так понимаю обработчик этот остается жить.
При $(".IDS").click(function() { этого не наблюдается НО не работает при динамическом добавлении

@Balanaar · 25.01.2017, 22:38

Сообщение от Tvis

не работает при динамическом добавлении

Спецом для вас сообщаю, что вы делегируете событие. Работать просто обязано. Ошибка явно не в той одной строчке кода, которую вы привели. Ищите.

Добавлено через 3 минуты

Сообщение от Tvis

скрипт в некоторых случаях загружается несколько раз

Скрипты всегда загружаются только один раз.

Сообщение от Tvis

при каких то обстоятельствах вешается слишком много обработчиков ибо имею ajax загрузку страниц

Набор слов. Что значит "вешается слишком много обработчиков" и как это связно с ajax?

@Tvis · 25.01.2017, 22:41 **[ТС]**

Сообщение от Balanaar

Спецом для вас сообщаю, что вы делегируете событие. Работать просто обязано. Ошибка явно не в той одной строчке кода, которую вы привели. Ищите.

именно она одна работает так криво все остальное просто чики поки, ибо этот обработчик

Сообщение от Balanaar

2
3
$(document).on('click','.IDS',function() {
* // ...
}

Посылает ajax и на сервере я вижу несколько запросов от 1 клиента ежесекундно, чем больше пройдешь по ссылкам черех ajax прогрузку тем больше раз эта функция выполняется

@Balanaar · 26.01.2017, 00:05

Если этот метод отправляет запрос - значит он работает исправно. То, что он в вашем коде вызывается ежесекундно - не проблема метода.

@Tvis · 26.01.2017, 00:36 **[ТС]**

Сообщение от Balanaar

Если этот метод отправляет запрос - значит он работает исправно. То, что он в вашем коде вызывается ежесекундно - не проблема метода.

да господи ежесекундно ничего не отправляется весь код это

JavaScript
1
2
3
4
5
6
7
$(document).on('click','.IDS',function() { 
 $.ajax({
            url: '/blabla',
            method: 'POST',
            data: { 
                "id": $(this).data("id")
            },

Это часть кода естественно все закрывается и тд. это самый последний скрипт.
вызывается на прямую со страницы из <script></script>
Просто дело втом что использую Laravel и страничка инклюдится с этим скриптом.
Но присудствует так же ajax загрузка страниц.. ибо она и мешает я так понял.
При переходе на страницы инклюятся они в главную home.blade.php которую смотрит пользователь.
и изза этого я так понял и идет множественное создание js скрипта и на 1 элемент вешается несколько обработчиков сразу.. а не один как это планировалось бы...
Надеюсь поняли мою проблему. есть еще методы которые бы смогли вешать обработчик клика на элементы?

@Balanaar · 26.01.2017, 01:56

Вся беда начинающих программеров в том, что они вечно понатыкивают кучу либ и фреймворков в свои проекты, толком не разобравшись в базах JS, PHP и всего, что с ними связано... А потом разбираются в получившемся мегахламе.
Как я вам и сказал, проблема совсем не в той строке кода, которую вы линканули, а в том, что у вас наверняка дикая каша в коде. Сначала вы опровергли моё утверждение в 6ом посте, потом подтвердили в 8ом.
Повторюсь:

Сообщение от Balanaar

Ошибка явно не в той одной строчке кода, которую вы привели. Ищите.

@Tvis · 26.01.2017, 02:00 **[ТС]**

Сообщение от Balanaar

что у вас наверняка дикая каша в коде

Каши совершенно нет, я знаю как все работает и как устроено

@Balanaar · 26.01.2017, 02:11

Ну раз вы всё знаете, то почему у вас многократно навешивается обработчик клика?

@Tvis · 26.01.2017, 02:26 **[ТС]**

Сообщение от Balanaar

Ну раз вы всё знаете, то почему у вас многократно навешивается обработчик клика?

Страничка загружается через ajax получается при переходах на другие странички и обратно Заново загружается js и каким то чудом старый обработчик остается жить. и потом он просто выполняется при клике столько раз, сколько было переходов между страницами.

@Balanaar · 26.01.2017, 09:16

Ну вот. Вы сами нашли проблему. Вынесите код в отдельный файл, подключите его лишь однажды в шапке, а в ajax-подгрузке не грузите его в контенте. Профит.

@Tvis · 28.01.2017, 14:45 **[ТС]**

Сообщение от Balanaar

Ну вот. Вы сами нашли проблему. Вынесите код в отдельный файл, подключите его лишь однажды в шапке, а в ajax-подгрузке не грузите его в контенте. Профит.

Я все понимаю но страниц много и везеде свои js такой выход нагрузит пользователя по полной которому даже не нужна та страница к которой грузится js
Выход я нашел, просто привязал $('#blo').on('click', к блоку а не к документу. и все стало работать как часики)

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@Muxacuk 14 / 14 / 12 Регистрация: 16.09.2015 Сообщений: 58
	25.01.2017, 14:45
	почитай про делегирование, либо вешай обработчик на созданный элемент 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	26.01.2017, 00:05
	Если этот метод отправляет запрос - значит он работает исправно. То, что он в вашем коде вызывается ежесекундно - не проблема метода. 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	26.01.2017, 02:11
	Ну раз вы всё знаете, то почему у вас многократно навешивается обработчик клика? 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	26.01.2017, 09:16
	Ну вот. Вы сами нашли проблему. Вынесите код в отдельный файл, подключите его лишь однажды в шапке, а в ajax-подгрузке не грузите его в контенте. Профит. 0