Parent DOM не видит подгруженный Child DOM

[alixan23]

Доброго времени суток уважаемые форумчане.


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

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

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


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

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

Заранее всем большое Спасибо за любое участие.

[alixan23]

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

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

Но jquery его не видит. Не получается обращаться к ново-загуженным элементам.

[Nexus]

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

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

[alixan23]

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>

При этом, вторая кнопочка появляется

[alixan23]

Может проблема в специфики

.on("click",

?

[Nexus]

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

$("#btn1").on("click", function() {
    $("#block2").load("somepage.html", function() {
        $("#btn2").on("click", function() {
            alert("yes");

        });
    });
});

[alixan23]

Работает ))

Большое Спасибо!

[рони]

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

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

[j0hnik]

можно так

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

somepage.html

<button id='btn2'>Alert</button>
<script>
$("#btn2").on("click", function(){
	alert("yes");
});
</script>