Yüklenen div'i başka bir sayfadan aynı sayfada başka bir tane ile değiştirin

Question

Tüm içeriği yükleyen ve yükleyen bir index.php sayfam var, bu nedenle diğer sayfalara yüklenecek ve her şey dinamik olarak gerçekleşecek.

<div id="content"></div> 

ve ben div'ler/sayfaların en tutan bir tam content.php dosyası var:

<div id="cont1">something : 
    <div id="innercont1"><a href="#">Dynamic click</a> 
    </div> 
</div> 
<div id="changeinnercont1"> 
    <img src="images/pic.jpg" /> 
</div> 

şimdiye kadar çok iyi ama Yani index.php bir div var diyelim jQuery \ Ajax betiği, index.php dosyasında content.php'den div'leri işlemesi gereken yerde çalışmıyor.

$("#content").fadeOut("slow",function(){ 
    $("#content").load("content.php #cont1"); 
    $("#content").fadeIn(); 
}); 

Ama content.php bu içeriği yükler ve ne zaman ı bağlantıyı tıkladığında metin hiçbir şey çünkü olur: Bu index.php den #content onclick olayı div'leri yükler ve mükemmel çalışıyor script düzgün çalışan isnt index.php başka senaryonun:

$(function() { 
    $("#innercont1").click(function (e) { 
    e.preventDefault(); 
     $("#innercont1").load("content.php #changeinnercont1"); 
    }); 
}); 

Ben tarayıcı isnt onun (index.php) kendi

Answer 1

, id innercont1 ile DOM hiçbir unsur yoktur. Bu örnek için ihtiyacınız olan şey, herhangi bir zamanda bu kimliğe sahip herhangi bir öğeyi yakalayacak bir etkinlik dinleyicisidir. Dinleyiciyi bunun yerine vücut elemanına bağlayabilirsiniz, örneğin:

$(document.body).on('click', '#innercont1', function(){ 
    //code 
}); 

Answer 2

It gelen başka bir sayfadan yüklenen div ama sadece #content tutan düşünüyorum tıklama etkinliği dinleyicinizin bağlı olması olabilir #innercont1 var. Dinleyiciyi tek bir bloğa yükler ve bağlarsanız ne olur, ör. ("#innercont1").click olay dinleyicisi oluşturulduğunda bu öğe dinamik olarak başka bir yerden yüklenen beri

$("#content").fadeOut("slow",function(){ 
    $("#content").load("content.php #cont1"); 
    $("#innercont1").click(function (e) { 
    e.preventDefault(); 
    $("#innercont1").load("content.php #changeinnercont1"); 
    }); 
    $("#content").fadeIn(); 
});