2009-05-14 19 views
7

que debe ser jqueryAjax append carga

tengo text.html archivo con 6 div en (a, b, c, d, e, f)

En otro archivo tengo un div , me gusta poblar el contenido de a + b + c + d + e + f en ese solo div

Tengo try .load = but b remplace a intento anexar, pero necesito una temperatura var

así que ahora estoy atascado

Ese código de obtener el contenido del archivo textes.html ... div #A y poner el contenido en div #right, pero el segundo REMPLACE libe el contenido del derecho a la derecha b

me gusta anexar el contenido a + b nO a sobre b

$(document).ready(function(){ 
var temp = load('textes.html #nicolas'); 
$('#right').append(temp); 
var temp = load('textes.html #antoine'); 
$('#right').append(temp); 
. 
. 
. 
. 

return false; 
}); 

que el código es la idea detrás de lo que debería funcionar, pero no puedo hacer una .load ajax() para cargar contenido en una variable para añadir el contenido a la div. ..

<script type="text/javascript"> 
$(document).ready(function(){  
$.ajax({ 
    url: "textes.html", 
    cache: false, 
    success: function(html){ 
    $("#right").append(html); 
    } 
}); 
}); 
</script> 

Ese código carga la W HOYO archivo html, me gusta obtener solo algunos DIV seleccionados #

Respuesta

15
$(document).ready(function(){  
    $.get("textes.html",function(data){ 
     $("#right").append($("#nicolas",data)).end().append($("#antoine",data)); 
    },'html');  
}); 
+0

resultado: nada ... ¡vacío! – menardmam

+0

si tiene un método simple para obtener el contenido de .load() en una var, agregaré todo en esa var y lo insertaré en el div al final. – menardmam

+0

marc, .load() es asíncrono, por lo que no puede llamarlo de la manera en que lo intenta.No probé ese código, pero esa es la forma en que se hace. .load() es solo un contenedor alrededor de $ .get que es un contenedor alrededor de $ .ajax http://docs.jquery.com/Ajax –

0

Esto suena como jQuery? Indique qué marco está utilizando, ya que no puedo ver ninguna mención al mismo. De todos modos, agregar debería funcionar. Simplemente haga algo como:

mydiv.append(a.text()); 
mydiv.append(b.text()); 
mydiv.append(c.text()); 
mydiv.append(d.text()); 
mydiv.append(e.text()); 
mydiv.append(f.text()); 

Deben ser todos anexados a mydiv. NOTA: si también desea el html, use la función .html() en lugar de .text().

+0

El div que quiere cargar los datos en está en otro archivo html para que esto no va a funcionar. –

5

tuve un problema similar en este momento y creo que me di cuenta de una manera de hacer lo que queremos mediante la función() .load. No es bonito, pero no importa;)

En primer lugar, agregué un "TempDiv" a mi html con un estilo de "visibilidad: oculto".

<div id="TempDiv" style="visibility:hidden"></div> 

entonces se corre el jQuery:

$(document).ready(function(){ 
     $('#TempDiv').load('textes.html #nicolas', function(){ 
      $('#right').append($('#TempDiv').html()); 
     }); 

    }); 

No estoy seguro de que es la mejor manera!

PD: Esa es mi primer post StackOverflow;)

2

intento,

$.get('url.php', function(data) { 
    $("#right").append(data); 
});