Скрытие динамически добавленных через Ajax элементов

@DartMedveider · Регистрация: 03.10.2017

Студворк — интернет-сервис помощи студентам

Здравствуйте, уважаемые дамы и господа. На вашем форуме я впервые. Относительно недавно начал знакомиться и разбираться с jquery. В процессе ознакомления с этой библиотекой я столкнулся с решением задачи, которая поставила меня в тупик и суть которой я хотел бы изложить в этой теме.
Задача состоит в следующем. Имеются две PHP страницы, одна из которых предназначена для генерации контента (назовем её CgenerationPage.php), а вторая служит для его отображения (Cvisualisation.php). Передача данных от страницы CgenerationPage.php к странице Cvisualisation.php выполняется с помощью ajax. Необходимо обеспечить скрытие динамически добавляемого с помощью ajax элемента в процессе загрузки страницы Cvisualisation.php. Должно получиться следующее: страница Cvisualisation.php загружается, она подхватывает в момент загрузки данные со страницы CgenerationPage.php и скрывает полученный через ajax динамически добавленный элемент. По идее для этого надо использовать конструкцию .on() и делегирование событий, но проблема в том, что для .on() необходимо передавать события, связанные с мышью, клавиатурой и т.п., а я бы хотел реализовать скрытие динамически добавленного элемента без манипуляций со стороны пользователя. Сколько ни пытался такое проделать в jquery, у меня ничего не вышло. Может быть я не туда копаю? И вообще возможно такое сделать в jquery? Или для этого потребуется отдельная библиотека/плагин? Заранее благодарен за ответы.

Код страниц, приведённый ниже, весьма условен, его цель - проиллюстрировать более наглядно описываемую задачу.

CgenerationPage.php

<?php
echo '<P class="question">Иванов Иван Иванович</P>';
?>

Cvisualisation.php

<body>
<form action="loginForm" method="post" class="loginForm" id="loginForm">
<p>
<label for="textfield">Фамилия</label>
<input type="text" name="surname" id="surname"/>
</p>
<p>
<label for="name">Имя</label>
<input type="text" name="name" id="name" />
</p>
<p>
<input type="submit" name="button" id="button" value="Отправить" />
</p>
</form>
</body>
<script src="jquery-3.2.1.min.js"></script>
<script>
$.post('CgenerationPage.php', function(data){
$('#loginForm').after(data)
})
</script>
</html>

@allonemoon · 04.10.2017, 14:28

честно говоря.... ничего не понял!? Показать процесс загрузки(выполнения) чего-то, и?

@DartMedveider · 04.10.2017, 14:34 **[ТС]**

Нет. Хочу понять, возможно ли с помощью jquery выполнить определённые действия (например скрытие) с динамически добавленным элементом DOM в момент загрузки web страницы. Не по щелчку мышью, не по нажатию клавиши и т.д., а именно в момент загрузки страницы, без воздействия со стороны пользователя

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@DartMedveider 0 / 0 / 0 Регистрация: 03.10.2017 Сообщений: 2

	Скрытие динамически добавленных через Ajax элементов 04.10.2017, 12:02. Показов 1266. Ответов 2 Метки нет (Все метки) Здравствуйте, уважаемые дамы и господа. На вашем форуме я впервые. Относительно недавно начал знакомиться и разбираться с jquery. В процессе ознакомления с этой библиотекой я столкнулся с решением задачи, которая поставила меня в тупик и суть которой я хотел бы изложить в этой теме. Задача состоит в следующем. Имеются две PHP страницы, одна из которых предназначена для генерации контента (назовем её CgenerationPage.php), а вторая служит для его отображения (Cvisualisation.php). Передача данных от страницы CgenerationPage.php к странице Cvisualisation.php выполняется с помощью ajax. Необходимо обеспечить скрытие динамически добавляемого с помощью ajax элемента в процессе загрузки страницы Cvisualisation.php. Должно получиться следующее: страница Cvisualisation.php загружается, она подхватывает в момент загрузки данные со страницы CgenerationPage.php и скрывает полученный через ajax динамически добавленный элемент. По идее для этого надо использовать конструкцию .on() и делегирование событий, но проблема в том, что для .on() необходимо передавать события, связанные с мышью, клавиатурой и т.п., а я бы хотел реализовать скрытие динамически добавленного элемента без манипуляций со стороны пользователя. Сколько ни пытался такое проделать в jquery, у меня ничего не вышло. Может быть я не туда копаю? И вообще возможно такое сделать в jquery? Или для этого потребуется отдельная библиотека/плагин? Заранее благодарен за ответы. Код страниц, приведённый ниже, весьма условен, его цель - проиллюстрировать более наглядно описываемую задачу. CgenerationPage.php <?php echo '<P class="question">Иванов Иван Иванович</P>'; ?> Cvisualisation.php <body> <form action="loginForm" method="post" class="loginForm" id="loginForm"> <p> <label for="textfield">Фамилия</label> <input type="text" name="surname" id="surname"/> </p> <p> <label for="name">Имя</label> <input type="text" name="name" id="name" /> </p> <p> <input type="submit" name="button" id="button" value="Отправить" /> </p> </form> </body> <script src="jquery-3.2.1.min.js"></script> <script> $.post('CgenerationPage.php', function(data){ $('#loginForm').after(data) }) </script> </html> 0

@allonemoon 5 / 5 / 1 Регистрация: 31.10.2015 Сообщений: 274
	04.10.2017, 14:28
	честно говоря.... ничего не понял!? Показать процесс загрузки(выполнения) чего-то, и? 0

@DartMedveider 0 / 0 / 0 Регистрация: 03.10.2017 Сообщений: 2
	04.10.2017, 14:34 [ТС]
	Нет. Хочу понять, возможно ли с помощью jquery выполнить определённые действия (например скрытие) с динамически добавленным элементом DOM в момент загрузки web страницы. Не по щелчку мышью, не по нажатию клавиши и т.д., а именно в момент загрузки страницы, без воздействия со стороны пользователя 0