Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.05.2018, 13:53
Интересующийся
Отправить личное сообщение для alixan23 Посмотреть профиль Найти все сообщения от alixan23
 
Регистрация: 26.10.2017
Сообщений: 16

Parent DOM не видит подгруженный Child DOM
Доброго времени суток уважаемые форумчане.


Есть html страничка с примесями jquery. Внутри html есть кнопочка. При нажатии на кнопочку происходит load() дополнительного контента (таблички, интупы, селекты и т.д.).

Всё работает хорошо.

Но parent jquery не видит подгруженный контент. Иными словами, старый DOM не воспринимает новый DOM.


Пожалуйста подскажите, каким путём инклудить, лоадить новый DOM во внуть старого?

Может, у кого есть мысли, идейки?

Заранее всем большое Спасибо за любое участие.
Ответить с цитированием
  #2 (permalink)  
Старый 08.05.2018, 13:56
Интересующийся
Отправить личное сообщение для alixan23 Посмотреть профиль Найти все сообщения от alixan23
 
Регистрация: 26.10.2017
Сообщений: 16

Небольшое уточнение.

load() - происходит нормально. Т.е. контент нормально добавляется на страничку.

Но jquery его не видит. Не получается обращаться к ново-загуженным элементам.
Ответить с цитированием
  #3 (permalink)  
Старый 08.05.2018, 14:03
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,790

alixan23, код, который подгружает контент и который пытается взаимодействовать с уже подгруженным контентом приведите.

ps. скорее всего вы пытаетесь взаимодействовать с еще не загруженным контентом.
Ответить с цитированием
  #4 (permalink)  
Старый 08.05.2018, 14:20
Интересующийся
Отправить личное сообщение для alixan23 Посмотреть профиль Найти все сообщения от alixan23
 
Регистрация: 26.10.2017
Сообщений: 16

Parent html
<div id='block1'><button id='btn1'>Click for load</button></div>
<div id='block2'></div>



Jquery
$("#btn1").on("click", function()
{
	$("#block2").load("somepage.html");
}

$("#btn2").on("click", function()
{
	alert("yes");

});



somepage.html
<button id='btn2'>Alert</button>


При этом, вторая кнопочка появляется
Ответить с цитированием
  #5 (permalink)  
Старый 08.05.2018, 14:22
Интересующийся
Отправить личное сообщение для alixan23 Посмотреть профиль Найти все сообщения от alixan23
 
Регистрация: 26.10.2017
Сообщений: 16

Может проблема в специфики
.on("click",
?
Ответить с цитированием
  #6 (permalink)  
Старый 08.05.2018, 14:26
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,790

Сообщение от Nexus
вы пытаетесь взаимодействовать с еще не загруженным контентом
$("#btn1").on("click", function() {
    $("#block2").load("somepage.html", function() {
        $("#btn2").on("click", function() {
            alert("yes");

        });
    });
});
Ответить с цитированием
  #7 (permalink)  
Старый 08.05.2018, 14:34
Интересующийся
Отправить личное сообщение для alixan23 Посмотреть профиль Найти все сообщения от alixan23
 
Регистрация: 26.10.2017
Сообщений: 16

Работает ))

Большое Спасибо!
Ответить с цитированием
  #8 (permalink)  
Старый 08.05.2018, 15:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

alixan23,
клик ставят на block2, на то что есть всегда, а не на btn2, называется делегирование, половина тем на форуме про ajax про это!!!


$(function() {
  $("#btn1").on("click", function() {
    $("#block2").load("somepage.html");
  });
  $("#block2").on("click", "#btn2", function() {
    alert("yes");
  });
});
Ответить с цитированием
  #9 (permalink)  
Старый 08.05.2018, 17:16
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

можно так
$("#btn1").on("click", function(){
	$("#block2").load("somepage.html");
});

somepage.html
<button id='btn2'>Alert</button>
<script>
$("#btn2").on("click", function(){
	alert("yes");
});
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающее меню на JS (подкатегории) Trueplayer Events/DOM/Window 5 18.09.2014 22:29
Chrome не видит DOM подключаемого SVG через iframe FINoM Events/DOM/Window 10 10.06.2014 14:23
Обратиться к свойству или методу parent из child simple Общие вопросы Javascript 6 02.03.2013 00:10
Передача данных из parent в child окно ZLoD3Y Javascript под браузер 2 10.11.2011 15:11
Подгруженный в IE JS-код не видит функции Sell AJAX и COMET 0 05.05.2010 23:37