Próbowałem następujące:Jak załadować niektóre html i dołączyć do <body> z jQuery?
$.load("Views/chatBox.html").appendTo('body') is not working!
TypeError: $.load is not a function
EDIT: Odpowiedź powinna być tylko jedna linia kodu, to wystarczy, myślę
dont zrozumieć, dlaczego umieszczenie kontenera na spodzie ciała i załadowanie strony zewnętrznej do tego nie jest tym, czego potrzebujesz?
Co można spróbować to:
<script type="text/javascript">
$(function() {
$("#container").load("Views/chatBox.html",function(){
$(this).clone().appendTo("body").remove();
});
});
</script>
Ale Im nie 100% pewny o tym kodem ... :)
A więc, czy jQuery musi zawracać sobie głowę jakimś elementem do wykonania rzeczy ajaxowych? – omg
Cóż, zawsze musisz mieć selektor, na którym coś się zrobi. Niektóre strony demonstracyjne lub kod mogłyby pomóc w zrozumieniu, czego chcesz, ale ta wcześniejsza odpowiedź jest, jak sądzę, tym, czego potrzebujesz. :) – Gavrisimo
Proszę bardzo:
<script type="text/javascript">
$(function() {
$("body").load("Views/chatBox.html");
});
</script>
"Załaduj HTML ze zdalnego pliku i wprowadź go do DOM." Po prostu potrzebujesz selektora, do którego zostanie wykonany zastrzyk. ;) Aka - tak, obciążenie wykonuje pracę dołączania. Sprawdź, czy zrobiłem i opublikowałem to demo oraz samouczek, bardzo mi to pomogło. – Gavrisimo
Och, nie, zastąpi całą stronę widokami/chatBox.html, co nie jest tym, czego potrzebowałem. Muszę dołączyć ją do
. – omgCóż, co robię, to posiadanie jakiegoś kontenera, w tym demo jest #majice i jest puste. Następnie ładuję do tego stronę zewnętrzną. Ma sens? – Gavrisimo
Kiedy starałem się rozwiązanie Gavra za znalazłem to może być jeszcze prostsze:
<script type="text/javascript">
$(function() {
$("#container").load("external.html").appendTo("body");;
});
</script>
Domyślam się, że appentTo automatycznie usuwa poprzednie wystąpienie? Być może czegoś tutaj brakuje?
Nie, wszystkie te odpowiedzi są nieprawidłowe, ponieważ polegają na posiadaniu oddzielnego pojemnika!
Wykonaj:
$.ajax({
url: "your.html",
success: function (data) { $('body').append(data); },
dataType: 'html'
});
+1, to dokładnie dołącza treść do BODY, thx za udostępnienie! – Igor
Mam mały datepicker, który pokazuje aktualną datę i następny dzień. Użyłem tego, co napisałeś, ale mając problem, problem polega na tym, że dane nie są aktualizacją, ale kiedy odświeżam stronę, aktualizuje się. Używanie WordPressa i wtyczki pozwala na uruchamianie jQuery. –
@ hanan-mstudio To wydaje się być zupełnie innym pytaniem i prawdopodobnie wcale nie związanym z odpowiedzią, którą podałem. Czy możesz napisać nowe pytanie? –
Alternatywnym rozwiązaniem:
jQuery('#AppendToMe').append(jQuery('<div>').load(...));
To doda cokolwiek załadować do elementu #AppendToMe.
Dodano odpowiedź shorer. ;) – Gavrisimo