Ho provato quanto segue:Come caricare alcuni html e aggiungere a <body> con jQuery?
$.load("Views/chatBox.html").appendTo('body') is not working!
TypeError: $.load is not a function
EDIT: La risposta dovrebbe essere una sola riga di codice, che è abbastanza, credo
I dont capire perché posizionare il contenitore nella parte inferiore del corpo e caricare la pagina esterna in quello non è quello che ti serve?
Che cosa si può provare è questo:
<script type="text/javascript">
$(function() {
$("#container").load("Views/chatBox.html",function(){
$(this).clone().appendTo("body").remove();
});
});
</script>
Ma im non sicuro al 100% su questo codice ... :)
Qui si va:
<script type="text/javascript">
$(function() {
$("body").load("Views/chatBox.html");
});
</script>
"Carica HTML da un file remoto e inseriscilo nel DOM." Quindi hai solo bisogno di un selettore in cui l'iniezione sarà fatta. ;) Aka - sì, il carico fa il lavoro di appendere. Dai un'occhiata alla demo che ho realizzato e pubblicato e quel tutorial mi ha aiutato molto. – Gavrisimo
Oh, no, sostituirà l'intera pagina con Views/chatBox.html, che non è quello che desideravo. Devo aggiungerlo a
. – omgBeh, quello che sto facendo è avere un contenitore, in quella demo è #majice, ed è vuoto. Quindi carico la pagina esterna in quello. Ha senso? – Gavrisimo
Quando ho provato la soluzione di Gavra ho trovato che potrebbe essere ancora più semplice:
<script type="text/javascript">
$(function() {
$("#container").load("external.html").appendTo("body");;
});
</script>
Immagino che appentTo rimuova automaticamente un'istanza precedente? Forse mi manca qualcosa qui?
No, tutte quelle risposte non sono corrette perché si basano su un contenitore separato!
fare questo:
$.ajax({
url: "your.html",
success: function (data) { $('body').append(data); },
dataType: 'html'
});
+1, questo aggiunge esattamente il contenuto a BODY, grazie per la condivisione! – Igor
Ho un piccolo datario che mostra la data corrente e il giorno successivo. Ho usato quello che hai scritto, ma avendo problemi, il problema è che i dati non sono aggiornati, ma quando aggiorno la pagina si aggiorna. L'utilizzo di wordpress e plugin consente di eseguire jQuery. –
@ hanan-mstudio Sembra una domanda tutta intera e probabilmente non correlata alla risposta che ho dato. Puoi pubblicare una nuova domanda? –
Una soluzione alternativa:
jQuery('#AppendToMe').append(jQuery('<div>').load(...));
Questo aggiungerà tutto ciò si carica nell'elemento #AppendToMe.
Aggiunta risposta di shorer. ;) – Gavrisimo