2009-05-14 12 views
7

deve essere jqueryAjax accoda carico

ho text.html file con 6 div in (a, b, c, d, e, f)

In un altro file ho un div Mi piace riempire il contenuto di un + b + c + d + e + f in quel singolo

Ho provato .load = ma b remplace a ho provato append, ma ho bisogno di un temp var

così ora sono bloccato

Quel codice ottenere il contenuto del file textes.html ... div #A e mettere il contenuto in div #right, ma la seconda REMPLACE LIBE il contenuto del diritto a con diritto b

Mi piace ad appendere il contenuto a + b non al di sopra b

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

return false; 
}); 

che il codice è l'idea alla base di ciò che dovrebbe funzionare, ma non posso fare un ajax .load() per caricare il contenuto in una variabile per aggiungere il contenuto al div. ..

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

Quel codice carica il W HOLE html file, mi piace ottenere solo alcuni selezionati DIV #

risposta

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

risultato: niente .. vuoto! – menardmam

+0

se hai un metodo semplice per ottenere il contenuto .load() in una var, aggiungerò tutto in quella var e lo spingerò nel div alla fine! – menardmam

+0

marc, .load() è asincrono quindi non è possibile chiamarlo nel modo in cui si sta tentando.Non ho provato quel codice, ma è proprio così. .load() è solo un wrapper attorno a $ .get che è un wrapper intorno a $ .ajax http://docs.jquery.com/Ajax –

0

Questo suona come jQuery? Si prega di indicare quale framework si sta utilizzando in quanto non riesco davvero a vederne alcuna menzione. Ad ogni modo, append dovrebbe funzionare. Basta fare qualcosa del tipo:

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

Dovrebbero essere tutti aggiunti in mydiv. NOTA: se si desidera anche l'html, utilizzare la funzione .html() anziché .text().

+0

Il div che vuole caricare i dati in è in un altro file html in modo da questo non funzionerà. –

5

ho avuto un problema simile in questo momento e penso che ho capito un modo per fare quello che vogliamo utilizzare la funzione() .load. Non è bello ma non importa;)

Prima di tutto, ho aggiunto un "TempDiv" al mio html con uno stile "visibilità: nascosto".

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

quindi si esegue il jQuery:

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

    }); 

io non sono sicuro che sia il modo migliore!

PS: Questo è il mio primo post StackOverflow;)

2

tentativo,

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