ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ajax-подгрузка и JS-обработчики
2 сообщений из 2, страница 1 из 1
Ajax-подгрузка и JS-обработчики
    #39346011
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
urukhay
Участник
Всем привет.
Пусть есть какой-то 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:01
| Ответить | Цитировать | Написать  
Ajax-подгрузка и JS-обработчики
    #39346012
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
urukhay,

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



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


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