Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ajax-подгрузка и JS-обработчики / 2 сообщений из 2, страница 1 из 1
12.11.2016, 05:01
    #39346011
urukhay
urukhay
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax-подгрузка и JS-обработчики
Всем привет.
Пусть есть какой-то html, например:
Код: html
1.
2.
3.
4.
5.
<div id="box">
    <div class="item"></div>
    <div class="item"></div>
    <button value="Кнопка"></button>
</div>


и какие-то обработчики к нему:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
$(docment).ready(
  function() {
    $('.item').click(
      function() { ... }
    );
  }
);


При нажатии на кнопку в контейнер box подгружается такой же html, только с другим количеством item.
И клики по ним уже не работают.

Чтобы заработало, нужно вместе с новым html подгружать и сами обработчики в самом html.
Но мне кажется, это как-то неправильно. Как минимум потому, что таких обработчиков может быть очень много.
Это раз. Получается дублирование кода (часть в js-файле, часть - в подгружаемом html) - два. Ну и т.д.

Подскажите плиз, как правильно поступить.
Заранее спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.11.2016, 05:13
    #39346012
Програмёр
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax-подгрузка и JS-обработчики
urukhay,

Код: javascript
1.
$('body').on('click', '.item', function(){...})



Это то, что ты ищешь? (делегирование событий)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ajax-подгрузка и JS-обработчики / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]