Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
52 / 3 / 4
Регистрация: 27.02.2016
Сообщений: 277

Выполнение скрипта после Ajax

20.09.2019, 10:56. Показов 1745. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Приветствую.
У меня есть меню и по клику на любой пункт идет подгрузка контента через Ajax, далее в localstorage идет сохранение id текущего пункта меню, чтобы при перезугразке снова подгрузился последний просмотренный контент.

При переходе по одному из пунктов меню идет подгрузка таблицы + скрипт сортировки. Но он сразу после продгрузки не работает, а только если я перезагружу страницу.

Вон он.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//document.addEventListener('DOMContentLoaded', () => {
    const getSort = ({ target }) => {
        const order = (target.dataset.order = -(target.dataset.order || -1));
        const index = [...target.parentNode.cells].indexOf(target);
        const collator = new Intl.Collator(['en', 'ru'], { numeric: true });
        const comparator = (index, order) => (a, b) => order * collator.compare(
            a.children[index].innerHTML,
            b.children[index].innerHTML
        );
        
        for(const tBody of target.closest('table').tBodies)
            tBody.append(...[...tBody.rows].sort(comparator(index, order)));
 
        for(const cell of target.parentNode.cells)
            cell.classList.toggle('sorted', cell === target);
    };
    
    document.querySelectorAll('.table_sort thead').forEach(tableTH => tableTH.addEventListener('click', () => getSort(event)));
//});
Если раскомментировать в начале, то вообще никак не работает.

Подскажите, как его активировать сразу после подгрузки контента.

Он сортирует данные в столбцах таблицы при клике на thead th

Спасибо
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
20.09.2019, 10:56
Ответы с готовыми решениями:

Загрузка и выполнение скрипта из другого скрипта
Здравствуйте. У меня динамически скрипт формирует ссылку на которой лежит другой скрипт. Задача состоит в том, чтобы загрузить с этой...

Выполнение JS в подгруженной области AJAX
Товарищи, помогите пожалуйста, имеются 3 файла прикреплены в архиве 2.zip - (Код боюсь будет занимать слишком много места) ...

Выполнение js после Ajax
Подгружаю контент без перезагрузки страницы: function showContent(link) { var cont =...

2
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
21.09.2019, 01:55
Цитата Сообщение от samvel4000 Посмотреть сообщение
Подскажите, как его активировать сразу после подгрузки контента.
Попробуйте заменить
JavaScript
1
document.addEventListener('DOMContentLoaded', () => {
на
JavaScript
1
document.addEventListener('load', () => {
0
52 / 3 / 4
Регистрация: 27.02.2016
Сообщений: 277
21.09.2019, 08:10  [ТС]
Mr_Sergo, Так тоже не работает. Если я закомментирую это так, как сделал выше, то работает, но после перезагрузки контента. В этот момент перезагружается весь контент+сразу идет подгрузка аяксом таблицы.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
21.09.2019, 08:10
Помогаю со студенческими работами здесь

Выполнение скрипта в консоли после обновления страницы
Здравствуйте! Возможно ли как-то реализовать, выполнение скрипта в консоле браузера (например chorme), после перезагрузки страницы? ...

Выполнение скрипта после обновления страницы(в консоли Chrome)
Здравствуйте, возник вопрос, есть сайт "******.ru" Я на этом сайте выполняю некоторое действие через консоль: ...

[Chrome extension] Выполнение скрипта после перехода на страницу
Суть расширения в том, что при нажатии на кнопку открывается новая вкладка, где происходит переход на другую страницу (благодаря скрипту) ...

выполнение скрипта
код на js <html> <a href="index12.php"><img id="m1" src="12.jpg"></a> <form id="form1"> <input id="input1" type="text"...

Выполнение скрипта 24/7
Был windows vps, на котором стоял сайт, параллельно там был открыт браузер и 24/7 на другом сайте выполнялся скрипт в консоли (никак не...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru