Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
2 / 2 / 1
Регистрация: 31.01.2012
Сообщений: 321

Изменение загруженного контента ajax

15.05.2018, 08:05. Показов 731. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/* Тип отображения каталога c сохранением в localStorage*/
$(document).ready(function () {
    (function($) {
        $(function(){
            var class1 = $('.catalog-items-list');
            var class2 = $('.catalog-product');
            if (is_logging) {
                console.log(class1);
                console.log(class2);
            }
            var typeattr = localStorage.getItem('typeattr');
 
            if (localStorage.getItem('typeattr') !== null) {
                class1.attr('class', 'catalog-items-list');
                class2.attr('class', 'catalog-product');
                class1.addClass('view-' + typeattr);
                class2.addClass('view-' + typeattr);
                $('.btn-style-ok').removeClass('active');
                $('.' + typeattr).addClass('active');
            } else {
                $('.btn-style-ok').removeClass('active');
                $('.tile').addClass('active');  
            }
 
            $('.catalog-page').on('click', '.btn-style-ok', function(e){
                var type_catalog = $(this).attr('data-style');
                localStorage.setItem('typeattr', type_catalog);
                $('.btn-style-ok').removeClass('active');
                $(this).addClass('active');
               
 
 
                class1.attr('class', 'catalog-items-list');
                class2.attr('class', 'catalog-product');
                class1.addClass('view-' + type_catalog);
                class2.addClass('view-' + type_catalog);
            });
        })
    })(jQuery);
})
$.ajaxSetup({
    complete: function(){
        $(".catalog-items-list").tooltip();
    }
});
Скрипт, который при нажатии на кнопку меняет классы у блоков - карточек,(тип отображения -плитка-список и так далее).
Все отлично работает, но если я получу эти карточки через ajax, то они не обрабатываются, ну поскольку он их не видит, я понимаю. Есть делегирование, кнопки используют это. Но как мне это применить без ивента. То есть как то так?
JavaScript
1
class1.delegate();
- то не работает
фильтр работает через ajax, ошибок нет, используется единый шаблон карточки, и списка карточек. Как заставить заного пересмотреть dom для дальнейшей работы
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
15.05.2018, 08:05
Ответы с готовыми решениями:

Ajax загрузка формы из загруженного через ajax блока
Вообщем, через ajax в блок подгружается форма, из нее нужно загрузить в этот же блок др.контент. $('#form').submit(function(e){ ...

После обновления контента <div> через AJAX перестают работать события данного контента
Здравствуйте. Есть проблемка такого характера. На сайте выбирается студент и в поля ввода читаются его данные. Можно также добавить...

ajax загрузка контента
Добрый день. У меня такая проблема, есть страница на ней кнопка регистрации по нажатию на неё подгружаю форму регистрации, но после того...

1
 Аватар для Андрюшатина
80 / 59 / 47
Регистрация: 27.11.2014
Сообщений: 359
20.05.2018, 02:30
Суть в том, что у тебя скрипт отработал раз и всё. А когда новые элементы прилетают, они уже мимо твоего скрипта проходят, значит что нужно сделать? Правильно, после получения новых данных, инициализировать заново скрипт, что бы он заново обновил все ивенты на всех элементах дома. То есть, тот функционал который тебе нужен, заверни в функцию, и когда будет success, просто запускай эту функцию, и всё будет ок.
JavaScript
1
2
3
4
5
6
7
$.ajax({
  url:"ТУТ ЮРЛ",
  type:"POST",
   success:function(result){
   //А ТУТ ТУЛИМ ФУНКЦИЮ 
   }
});
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
20.05.2018, 02:30
Помогаю со студенческими работами здесь

AJAX подгрузка контента
Ребят, я не знаю что делать(((((( У меня подгружается контент аяксом $(&quot;.buy&quot;).click(function () { }); ...

Ajax подгрузка контента подскажите
Всем доброго времени суток. Взялся за изучение ajax в итоге возникло 2 вопроса: предположим есть код на вывод контента по клику в...

Индикатор загрузки контента через AJAX
Здравствуйте. Ситуация такая: при клике по ссылке аяксом получаю данные (текст и изображения). На то время, пока данные полностью не...

Не срабатывает JS при подгрузке контента через AJAX
Поставил tooltip плагин на jQuery, все красивенько, удобно, просто. Но вот начал делать подгрузку контента через ajax, и он перестал...

Ajax-подгрузка контента при прокрутке страницы
Здравствуйте, долго мучаюсь с кодом, не могу найти где ошибка. Дело в том, что код должен подгружать страницы, при скроллинге/нажатии на...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка SDL3 из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru