Ich habe versucht, die folgenden:Wie man etwas HTML lädt und an <body> mit jQuery anfügt?
$.load("Views/chatBox.html").appendTo('body') is not working!
TypeError: $.load is not a function
EDIT: Die Antwort sollte nur eine Zeile Code sein, das ist genug, ich glaube,
ich nicht Verstehen Sie, warum Sie den Container an der Unterseite des Körpers platzieren und eine externe Seite laden, was Sie nicht brauchen?
Was können Sie versuchen, ist dies:
<script type="text/javascript">
$(function() {
$("#container").load("Views/chatBox.html",function(){
$(this).clone().appendTo("body").remove();
});
});
</script>
aber im nicht 100% sicher, diesen Code ... :)
Hier gehen Sie:
<script type="text/javascript">
$(function() {
$("body").load("Views/chatBox.html");
});
</script>
"Laden Sie HTML aus einer Remote-Datei und injizieren Sie es in das DOM." Sie brauchen also nur einen Selektor, in den injiziert wird. ;) Aka - ja, lädt die Arbeit des Anhängens. Check-out, dass Demo ich gemacht und gepostet und das Tutorial, es hat mir sehr geholfen. – Gavrisimo
Oh, nein, es wird die ganze Seite mit Views/chatBox.html ersetzen, was ich nicht wollte. Ich muss es an
anhängen. – omgNun, was ich mache, ist ein Container, in dieser Demo ist es #majice, und es ist leer. Dann lade ich eine externe Seite hinein. Macht Sinn? – Gavrisimo
Als ich GaVra Lösung ausprobiert, fand ich es noch einfacher sein könnte:
<script type="text/javascript">
$(function() {
$("#container").load("external.html").appendTo("body");;
});
</script>
Ich denke, appentTo entfernt automatisch eine vorherige Instanz? Vielleicht vermisse ich hier etwas?
Nein, all diese Antworten sind falsch, weil sie auf einen separaten Container angewiesen sind!
tun:
$.ajax({
url: "your.html",
success: function (data) { $('body').append(data); },
dataType: 'html'
});
+1, das hängt den Inhalt genau an BODY an, thx for sharing! – Igor
Ich habe kleine Datepicker, die das aktuelle Datum und den nächsten Tag anzeigen. Ich habe verwendet, was Sie geschrieben haben, aber das Problem ist, dass die Daten nicht aktualisiert werden, aber wenn ich die Seite aktualisieren aktualisieren. Ich benutze WordPress und Plugin erlauben jQuery ausführen. –
@ hanan-mstudio Das scheint wie eine ganz andere Frage und wahrscheinlich überhaupt nicht auf die Antwort, die ich gab. Kannst du eine neue Frage stellen? –
Eine alternative Lösung:
jQuery('#AppendToMe').append(jQuery('<div>').load(...));
Dies wird anhängen, was Sie das #AppendToMe Element laden in.
Hinzugefügt shorer answer. ;) – Gavrisimo