Estoy tratando de crear un sitio web de una sola página que cargue páginas en un div con una identificación de #contenido; sin embargo, a veces, los elementos de mi formulario se desordenan, como los selectores de fechas y las funciones de autocompletar no se procesan. Así que sospeché que hay muchos scripts para cargar y causan conflictos ya que todas mis páginas tienen enlaces de origen.
Mi primer ajuste fue eliminar todos los enlaces de origen de mis páginas secundarias y moverlo a la página principal. pero cuando las páginas secundarias se cargan usando jquery .load, recibo un montón de errores en mis consolas, como que el autocompletado no es una función y Synchronous XMLHttpRequest. Alguna sugerencia para solucionar esto?
//My code to load pages. $(".click").on("click",function(){ var page = $(this).data('link'); $("#content").html("<img src='img/142.gif' width='150' />").load(page); //console.log('Click function was called'); });Hay errores porque los archivos fuente de javascript se cargaron después, pero su código de javascript se ejecutó primero. Puede usar el elemento iframe y, para cargar una nueva página, cambie dinámicamente el src y luego vuelva a cargar el iframe.
$(".click").on("click",function(){ var page = $(this).data('link'); var iFrame = $('iframe'); iFrame.html("<img src='img/142.gif' width='150' />"); iFrame.load(page); });