Bien que la page de chargement dans mozilla, le code premier DIV n'est pas chargé

Question

Bien que la page de chargement dans mozilla, le code premier DIV n'est pas chargé essayé de charger html en utilisant l'intérieur

<div id="mainContent"></div> 

avec ci-dessous appel

if (destinationURL != null) { 
$.get(destinationURL, function(data) 
{    
    $("#mainContent").attr("innerHTML",data); 
}); 
} 

destinationUrl fait référence ci-dessous html échantillon

<div id="A1"> 
<div id="B1"> 
    <div id="c1"> 
     <span>hi</span> 
    </div> 
    <div id="c2"></div> 
</div> 
    <div id="B2"> 
    <div id="D1"> 
     <span>hi2</span> 
    </div> 
    <div id="D2"></div> 
</div> 
<div id="B3"> 
    <div id="E1"></div> 
    <div id="E2"></div> 
</div> 
<div id="B4"> 
    <div id="F1"></div> 
    <div id="F2"></div> 
</div> 
</div> 

mais, lorsque les charges html

$("#c1") refers null object 

si je vois

$("#D1") contains html. 

si je donne un message d'alerte sur onLoad, je peux en mesure d'obtenir Html. Sa passe que dans mozilla

Answer 1

is this right express what you intended? 



    $("#mainContent").attr("innerHTML",data); 



=> I think this expression will give you the answer you want. 



    $("#mainContent").html(data); 

Answer 2

Il est une bonne pratique de tenir à javascript au lieu d'aller dans les bibliothèques, sauf si nécessaire, le code javascript pour même serait

if (destinationURL != null) { 
$.get(destinationURL, function(data) 
{    
    document.getElementById("mainContent").innerHTML = data; 
}); 
} 

sur une autre note, je vous suggérons de construire d'abord une structure entière dans une chaîne, puis de l'insérer dans DOM. Modifier DOM encore et encore devrait être évité.