Tengo una página web que consiste en un widget JQuery UI Tabs. El widget Tab carga las pestañas a través de AJAX. En una de las páginas de pestañas (nómbrelo DescripciónPágina), tengo un formulario que se enviará a través del plugin ajaxForm.jquery no está definido en la vista parcial cargada mediante ajax en IE
<div id="tabs">
<ul>
<li>
<a href="DescriptionPage">Description Page</a>
</li>
</ul>
</div>
Este es el contenido de mi DescriptionPage.
<form id="myForm">
<!-- Form elements goes here -->
</form>
<script>
$(function(){
$('#myForm').ajaxForm(function (response) {
$('#myForm').parent().empty().append(response);
});
});
</script>
Una vez presentado el formulario, se devolverá la misma DescriptionPage, tanto la forma como la escritura. Entonces, el contenido del formulario se reemplaza con la respuesta del lado del servidor. La respuesta también contiene mensajes de validación.
El problema es que todo el escenario funciona bien en Chrome y Firefox. Pero en Internet Explorer 8, ocurre un problema extraño.
Cuando la pestaña se carga por primera vez, el javascript se ejecuta con éxito. Cuando el usuario envía el formulario y se responde, IE no puede ejecutar mi javascript, diciendo "JQuery no está definido".
¿Por qué IE no puede llamar a JQuery dentro del contenido cargado a través de ajax? ¿Hay alguna solución?
PS: pensé que separa la secuencia de comandos de HTML, pero no es una opción en absoluto :(
P.S2:. Mis Javascript y CSS se convirtió en un desastre a causa de estúpida IE
Esto no solucionará el problema, pero podría usar '$ ('# myForm'). Parent(). Html (respuesta);' –
Es interesante que el error diga "jQuery", ya que el código He pegado aquí no usa la variable "jQuery" en absoluto. ¿Te dice en qué archivo y línea aparece el error? –
Gracias por responder Mark. En IE, hay errores que prenvet usando html (respuesta), es por eso que utilicé empty() y append() secuencialmente. – SadullahCeran