Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17

Обновление div контента

29.06.2016, 13:18. Показов 1216. Ответов 16
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, помогите пожалуйста, не могу понять как обновить динамически созданный элемент "#mycontent"

JavaScript
1
$("#mycontent").html("test");
- не работает..

JavaScript
1
2
3
$(document).on('click', '#mycontent', function(){
  $(this).html("test");
});
- так работает но для меня это не удобно, нужно просто изменить контент без проверки на клик.


Заранее благодарю вас
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
29.06.2016, 13:18
Ответы с готовыми решениями:

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

Подгрузка контента в div
уважаемые форумчане, просьба помочь реализовать подгрузку в div контента с другой страницы сайта, чтоб подгружалась автоматом без...

Подгрузка контента по ссылке в div
Главное. Тривиальная задача. По ссылке подгрузить .html файл в div-контейнер. Без перезагрузки страницы. (необходимо получить контент по...

16
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
29.06.2016, 13:34
Не пойму, а как надо? Сразу после загрузки страницы?

Добавлено через 3 минуты
Можно вставить в блок после того, как сценарий отсчитает пять секунд:
JavaScript
1
2
3
4
5
function boom() {
    $('#mycontent').html('test');
};
 
setTimeout(boom, 5000);
0
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17
29.06.2016, 13:34  [ТС]
Нужно изменять когда страница уже загружена
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
29.06.2016, 13:39
Вроде так:
JavaScript
1
2
3
$(document).ready(function() {
    $('#mycontent').html('test');
});
0
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17
29.06.2016, 13:48  [ТС]
Так не хочет изменять контент


а так изменяет:
JavaScript
1
2
3
$(document).on('click', '#mycontent', function(){
  $(this).html("test");
});
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
29.06.2016, 13:53
Ну не знаю, вроде все работает: https://jsfiddle.net/du3n9Lv5/

Добавлено через 53 секунды
Возможно причина из-за разницы версии jQuery...
0
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17
29.06.2016, 13:55  [ТС]
Просто у меня элемент "#mycontent" создан динамически, из-за этого и не хочет изменять
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
29.06.2016, 13:57
Цитата Сообщение от Raisin Zn Посмотреть сообщение
Возможно причина из-за разницы версии jQuery...
Вряд ли.

Добавлено через 56 секунд
Цитата Сообщение от adamson Посмотреть сообщение
Просто у меня элемент "#mycontent" создан динамически, из-за этого и не хочет изменять
А почему бы его сразу не начинить нужным содержимым?

Добавлено через 1 минуту
Ну или сделать добавление, после того, как он будет добавлен.
1
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17
29.06.2016, 14:00  [ТС]
Мне нужно обновить этот элемент без перезагрузки страницы
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
29.06.2016, 14:08
Цитата Сообщение от adamson Посмотреть сообщение
Мне нужно обновить этот элемент без перезагрузки страницы
Мне не понятно, как вы делаете, код покажите?
1
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17
29.06.2016, 14:17  [ТС]
https://youtu.be/7mFG3IdEiZQ
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
29.06.2016, 14:34
К сожалению, я не могу "пощупать" код на видео. Возможно, кому то другому удастся его разглядеть.

Добавлено через 6 минут
Может так:
JavaScript
1
2
3
4
5
6
7
8
9
$(document).ready(function() {
    $('<div id="mycontent"></div>').appendTo('body');
 
    setTimeout(boom, 1000);
});
 
function boom() {
    $('#mycontent').html('test');
};
Добавлено через 56 секунд
Или так:
JavaScript
1
2
3
4
5
6
7
8
9
$(document).ready(function() {
    $('<div id="mycontent"></div>').appendTo('body');
 
    boom();
});
 
function boom() {
    $('#mycontent').html('test');
};
Добавлено через 1 минуту
То есть вызвать функцию, которая добавляет контент, после того, как будет добавлен тег.

Добавлено через 1 минуту
https://jsfiddle.net/j86sbzog/ - при помощи jQuery добавил тег, затем добавил в него контент без клика.
1
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17
29.06.2016, 14:36  [ТС]
Твой код работает...только когда закрываю и открываю это окно а нужно что бы моментально изменился текст
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
29.06.2016, 14:49
Цитата Сообщение от adamson Посмотреть сообщение
а нужно что бы моментально изменился текст
Не однократно?
1
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17
29.06.2016, 14:50  [ТС]
Однократно.. но нужно что бы видел человек сразу измененный контент а не после закрытие и открытие.
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
29.06.2016, 15:40
Цитата Сообщение от adamson Посмотреть сообщение
Нужно изменять когда страница уже загружена
Цитата Сообщение от adamson Посмотреть сообщение
а не после закрытие и открытие
?
С setTimeout, не вариант?
1
0 / 0 / 0
Регистрация: 27.06.2016
Сообщений: 17
29.06.2016, 15:51  [ТС]
Спасибо тебе за помощь но я все таки остался с этим кодом:

JavaScript
1
2
3
$(document).on('click', '#mycontent', function(){
  $(this).html("test");
});
Просто вместо "click" сделал "mousemove"
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
29.06.2016, 15:51
Помогаю со студенческими работами здесь

Обновление контента
Всем привет, помогите разобраться, есть селект оптион с двумя выборами значение (484 и 558) при выборе значения 484 должен выводиться див с...

Обновление контента, передача информации в js
Здравствуйте, как можно вывести определенные данные из БД в блок. Есть код function sendmes() { //Получаем параметры var data =...

AJAX - при смене контента в div перестает работать JS
Делаю ajax запрос и меняю контент в &lt;div&gt; но почему то там перестает работать JS, весь JS я подгрузил в head, и получается что мне придется...

Загрузка контента в div без обновления страницы не работает?
Я недавно начал с JS работать, по этому далеко не всё понимаю.. подскажите. Есть кнопка, на ней вроде как висит по нажатии запустить...

Обновление контента из БД без перезагрузки страницы
Здравствуйте. Имеется страница, на которой посредством PHP из БД выводится некая информация. Примерная структура страницы: ...


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

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Новые блоги и статьи
Камера 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, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru