[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Все то же взаимодействие js и новых элементов
Zzepish
Есть скрипт:
				$('div.article div.blog_data div.blog_menu').on('click','img',function(){
attr=$(this).attr('data-type');
id=$(this).closest('div.article');
//alert(id.attr('data-id'));
$.ajax({
url:"./ajax/del.php",
type:"POST",
cache: false,
data:{"id":id.attr('data-id')},
success:function(data){
///alert(data);
notification(data);
id.slideUp(100);
}
}
);
});


ПО идее- шлет запрос на удаление. Фишка в том, что шлет только если элемент был при загрузке страницы. Но если элемент появляется после загрузки 9при добавлении статьи, например), то никак не реагирует. В чем дело то?
vagrand
Zzepish
Дело в том, что такой код навешивает хендлер на событие только тогда когда он выполняется. Сделай хендлер отдельной функцией и вызывай добавление хендлера на событие каждый раз при появлении новых элементов.

_____________
Senior PHP developer: PHP5, MySQL, JavaScript, CakePHP, Yii/Yii2, Zend Framework, Smarty, XML/Xslt, JQuery, Jquery Mobile, Bootstrap, ExtJS, HTML, HTML5, CSS, Linux, SVN, Git, Memcached, Redis, MongoDB, Zend Guard, Ioncube, FFMpeg, PayPal, Webmoney, Qiwi, Facebook API, Vkontakte Api, Google API, Twitter Api, Steam Api.
Junior Android Developer: Android SDK, многопоточность, работа с HTTP запросами, JSON, SQLite, фрагменты.
Zzepish
vagrand
чес слово- я в js не очень. Можно статью плз?
vagrand
Zzepish
Все что у вас в function() {} сделайте отдельной функцией. И вызывайте вашу конструкцию с этой функцией каждый раз после добавления динамического контента.

_____________
Senior PHP developer: PHP5, MySQL, JavaScript, CakePHP, Yii/Yii2, Zend Framework, Smarty, XML/Xslt, JQuery, Jquery Mobile, Bootstrap, ExtJS, HTML, HTML5, CSS, Linux, SVN, Git, Memcached, Redis, MongoDB, Zend Guard, Ioncube, FFMpeg, PayPal, Webmoney, Qiwi, Facebook API, Vkontakte Api, Google API, Twitter Api, Steam Api.
Junior Android Developer: Android SDK, многопоточность, работа с HTTP запросами, JSON, SQLite, фрагменты.
Zzepish
vagrand
ага. Спасибо.


Не сработало
vagrand
Zzepish
Значит что-то сделали не так.

_____________
Senior PHP developer: PHP5, MySQL, JavaScript, CakePHP, Yii/Yii2, Zend Framework, Smarty, XML/Xslt, JQuery, Jquery Mobile, Bootstrap, ExtJS, HTML, HTML5, CSS, Linux, SVN, Git, Memcached, Redis, MongoDB, Zend Guard, Ioncube, FFMpeg, PayPal, Webmoney, Qiwi, Facebook API, Vkontakte Api, Google API, Twitter Api, Steam Api.
Junior Android Developer: Android SDK, многопоточность, работа с HTTP запросами, JSON, SQLite, фрагменты.
Zzepish
vagrand
сделал так, как посоветовал)
killer8080
$(document).on('click', 'div.article div.blog_data div.blog_menu img', function(){
...
Zzepish
killer8080
так заработало!
Спасибо.
kuzroman
Прямая и делегированная обработка, почитайте:
http://jquery.page2page.ru/index.php5/On

_____________
kuzroman@list.ru
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.