Hola,
Verán estoy programando una página y me surgió la necesidad de cargar un contenido dentro de un div y se me ocurrió emplear el método .load()
Esta es una fracción del código:
Código:
jQuery('#grammarmain2').on('click', 'a#passive', function(event){
event.preventDefault();
jQuery('#grammarmain2').html('');
jQuery('#grammarmain').animate({height:'600px'},2000,function(){
jQuery('#grammarmain2').load('passive.html');
});
});
Funciona todo correctamente pero no carga nada dentro del div con id grammarmain2, he creado un archivo separado por probar con solo la instrucción de .load y un div vacío y me ha funcionado. Aquí no se porque no funciona. Este es el código que hay desde un inicio:
Código HTML:
<div id="grammarmain" style="position:relative;top:40px;left:170px;height:300px;float:left; background-color:rgba(0,102,153,1); border-radius:15px; width:550px;">
<div id="grammarmain2">
<h2 style="position:relative;left:10px;top:15px;">Introduction</h2>
</div>
</div>
Tengo otra función jQuery que al pulsar un botón se llena el grammarmain 2 con una lista pulsas en Passive y ocurre la función primera que puse que funciona todo correctamente menos el .load ().
Gracias.