|
0 / 0 / 0
Регистрация: 21.04.2015
Сообщений: 11
|
|||||||||||
Мульти замена DOM-элемента на Ajax12.12.2016, 17:03. Показов 860. Ответов 1
Метки нет (Все метки)
Здравствуйте!
Есть две кнопки:
На странице выводится список сайтов. И рядом с каждым есть кнопка, меняющая статус сайта: "Остановить" или "Запустить". Следующий код меняет статус у сайта и заменяет кнопку на другую:
Но есть следующая проблема. При первом нажатии на кнопку ее код полностью заменяется на другую. Но, при последующем нажатии на уже новую кнопку (если не обновить страницу), новой замены не происходит. Если я правильно понял, то не срабатывает функция $.ajax(), т.к. на сервер ничего тоже не посылается и php не срабатывает. Помогите пожалуйста разобраться, а то какой-то не полноценный ajax получился у меня.
0
|
|||||||||||
| 12.12.2016, 17:03 | |
|
Ответы с готовыми решениями:
1
Ajax - замена элемента
|
|
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
|
|
| 12.12.2016, 17:15 | |
|
Всё дело в том, что вы навешиваете обработчики клика $.click() после полной загрузки страницы на элементы, представляющие из себя кнопки, лишь однажды. После того, как вы заменяете вашу кнопку на другую, обработчик события для "новоприбывшего" элемента не навешивается. Отсюда и тишина.
Добавлено через 2 минуты Вам следует либо перенавешивать обработчики заново при каждом клике (что довольно глупо), либо почитать про делегирование событий. Добавлено через 5 минут Например можно обернуть ваши кнопки в обёртку, описать обработчик клика по обёртке, который определяет, какая из кнопок сейчас в обёртке, и выполняет соответствующие действия.
1
|
|
| 12.12.2016, 17:15 | |
|
Помогаю со студенческими работами здесь
2
Обновление DOM после AJAX Ajax и dom, отсутствует скроллбар DOM jQuery + AJAX. Ошибка возвращения (return) Дайте пример кода AJAX jQuery DOM пожалуйста Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает
монорепозиторий в котором находятся все исходники.
При создании нового решения, мы просто добавляем нужные проекты
и имеем. . .
|
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение:
В этой книге («Подход, основанный на вариантах использования») Ивар утверждает,
что архитектура программного обеспечения — это
структуры,. . .
|
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога
Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
|
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога
Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip
На первой гифке отладочные линии отключены, а на второй включены:. . .
|
|
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога
Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем.
. . .
|
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
|
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
|
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
|