Чтение содержимого, подключаемого через 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 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определенном условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .

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

	Чтение содержимого, подключаемого через AJAX 14.06.2011, 14:25. Показов 2763. Ответов 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