Чтение содержимого, подключаемого через AJAX

@ixapek · Регистрация: 18.05.2010

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

Здравствуйте.
Я подгружаю блок контента при помощи JQuery AJAX ($.ajax). Внутри этого блока есть ссылка с определенным ID, при клике по которой выполняются определенные действия.
Проблема в том, что после подгрузки блока, JQuery скрипты для вложенного элемента перестают работать, то есть вообще не находят этот элемент в DOM. Подскажите, как с этим можно бороться?

@suharik · 14.06.2011, 18:33

Какие jQuery скрипты?
Если Вы запускаете скрипт при первой загрузки страницы типа так

JavaScript
1
2
3
4
5
<script type="text/javascript">
            $(function() {
....
 
});

А потом подгружаете аяксом элементы, естествеено ничего не зарабоате. JS не умеет читать новый контент подгруженный аяксом.
Я обычно все нужные скрипты записываю в функции, и при какой либо обработке (Даже после аякса) вызываю их заново.

@ixapek · 16.06.2011, 17:32 **[ТС]**

suharik, Да. Я это уже понял и переписал.. все норм работает. Просто сразу не подумал, что такое возможно.

@Rinas · 22.06.2011, 11:45

А как тогда можно реализовать чат с возможностью удалить только что отправленное сообщение.
Человек отправляет (оно естественно загрузится при помощи ajax) и сразу же можно будет его удалить?

@suharik · 22.06.2011, 13:02

Например у тебя есть

HTML5
1
<div id="oknochata"></div>

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

например

JavaScript
1
2
3
 function  delText (id){
    $('#'+id).empty();
  }

И так, ты аяксом доабвил див с id например text1
после запуска delText('text1') скрипт найтед то что нужно и очистит содержимое этого дива.

@Rinas · 22.06.2011, 21:18

спасибо, щас попробую так сделать

Добавлено через 34 минуты
ты немного не понял. как сделать так, чтобы в диве полученном по ajax была картинка, при нажатии на которую удалялось бы сообщение.
Например, если ты получаешь

HTML5
1
<div id='soob'>text<img src='1.png'></div>

то такое не работает

JavaScript
1
2
3
4
$('#soob img').click(function() {
// через ajax отправляем id  в php скрипт, чтоб удалить сообщение из БД
 
});

@suharik · 23.06.2011, 12:54

и не заработает.
надо повестить событие onCkick на картинку

в пхп файле когда формируете этот код

PHP
1
<div id='soob'>text<img src='1.png'></div>

просто повесьте событие

PHP
1
<div id='soob'>text<img onClick="функция которая отправит через аякс id на удаление" src='1.png'></div>

Но тут еще будет проблема.
Если например добавится 3 сообщения то как я понимаю убдет примерно так

PHP
1
2
3
<div id='soob'>text<img src='1.png'></div>
<div id='soob'>text<img src='1.png'></div>
<div id='soob'>text<img src='1.png'></div>

Соответственно 3 одинаковых id
Я бы посовоетовал генерить id в зависимотсти от того какое по счету обявление пришло
чтобы было примерно так

PHP
1
2
3
<div id='soob1'>text<img src='1.png'></div>
<div id='soob2'>text<img src='1.png'></div>
<div id='soob3'>text<img src='1.png'></div>

и дальше написать функцию которая будет удалять конкретное сообщение а не все

PHP
1
2
3
<div id='soob1'>text<img onClick="delMessage('soob1')" src='1.png'></div>
<div id='soob2'>text<img onClick="delMessage('soob2')" src='1.png'></div>
<div id='soob3'>text<img onClick="delMessage('soob3')" src='1.png'></div>

Функция delMessage ловит id нужного сообщения и отправляет его скрипту пхп.
ну вобщем как то так.
Кстати функцию удаления сообщения можно сделать и без аякса в том случае если у Вас не пишутся все сообщения в базу.

@Rinas · 23.06.2011, 22:52

Большое спасибо.

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@ixapek 15 / 14 / 2 Регистрация: 18.05.2010 Сообщений: 118

	Чтение содержимого, подключаемого через AJAX 14.06.2011, 14:25. Показов 2761. Ответов 7 Метки нет (Все метки) Здравствуйте. Я подгружаю блок контента при помощи JQuery AJAX ($.ajax). Внутри этого блока есть ссылка с определенным ID, при клике по которой выполняются определенные действия. Проблема в том, что после подгрузки блока, JQuery скрипты для вложенного элемента перестают работать, то есть вообще не находят этот элемент в DOM. Подскажите, как с этим можно бороться? 0

@ixapek 15 / 14 / 2 Регистрация: 18.05.2010 Сообщений: 118
	16.06.2011, 17:32 [ТС]
	suharik, Да. Я это уже понял и переписал.. все норм работает. Просто сразу не подумал, что такое возможно. 0

@Rinas 3 / 3 / 1 Регистрация: 27.03.2010 Сообщений: 40
	22.06.2011, 11:45
	А как тогда можно реализовать чат с возможностью удалить только что отправленное сообщение. Человек отправляет (оно естественно загрузится при помощи ajax) и сразу же можно будет его удалить? 0

@Rinas 3 / 3 / 1 Регистрация: 27.03.2010 Сообщений: 40
	23.06.2011, 22:52
	Большое спасибо. 0