He intentado lo siguiente:Cómo cargar algunos html y anexar a <body> con jQuery?
$.load("Views/chatBox.html").appendTo('body') is not working!
TypeError: $.load is not a function
EDITAR: La respuesta debe ser sólo una línea de código, eso es suficiente, creo
yo no ¿Entiende por qué no es lo que necesita colocar el contenedor en la parte inferior del cuerpo y cargar la página externa?
Lo que puede probar es la siguiente:
<script type="text/javascript">
$(function() {
$("#container").load("Views/chatBox.html",function(){
$(this).clone().appendTo("body").remove();
});
});
</script>
pero no estoy 100% seguro de este código ... :)
Aquí van:
<script type="text/javascript">
$(function() {
$("body").load("Views/chatBox.html");
});
</script>
"Cargar HTML desde un archivo remoto e insertarlo en el DOM". Así que solo necesita un selector en el que se realizará la inyección. ;) Aka - sí, carga hace el trabajo de anexar. Echa un vistazo a la demostración que hice y publiqué y ese tutorial, me ayudó mucho. – Gavrisimo
Oh, no, reemplazará toda la página con Views/chatBox.html, que no es lo que deseaba. Necesito agregarlo al
. – omgBueno, lo que estoy haciendo es tener un contenedor, en esa demostración es #majice, y está vacío. Luego cargo la página externa en eso. ¿Tiene sentido? – Gavrisimo
Cuando probé la solución de GaVra encontré que podría ser aún más simple:
<script type="text/javascript">
$(function() {
$("#container").load("external.html").appendTo("body");;
});
</script>
Supongo que appentTo elimina automáticamente una instancia anterior? Quizás me estoy perdiendo algo aquí?
¡No, todas esas respuestas son incorrectas porque dependen de tener un contenedor separado!
hacer esto:
$.ajax({
url: "your.html",
success: function (data) { $('body').append(data); },
dataType: 'html'
});
+1, esto agrega exactamente el contenido a BODY, thx para compartir! – Igor
Tengo un pequeño marcador de fecha que muestra la fecha actual y el día siguiente. Utilicé lo que escribió, pero teniendo un problema, el problema es que los datos no son actualizados, pero cuando actualizo la página se actualiza. Uso de wordpress y el complemento para ejecutar jQuery. –
@ hanan-mstudio Parece una pregunta completamente diferente y probablemente no está relacionada en absoluto con la respuesta que di. ¿Puedes publicar una nueva pregunta? –
Una solución alternativa:
jQuery('#AppendToMe').append(jQuery('<div>').load(...));
Esto añadirá lo que se carga en el elemento #AppendToMe.
Agregado shorer answer. ;) – Gavrisimo