Hola a todos,
primero me presento, me llamo Alberto y soy nuevo en el foro.
Llevo mucho tiempo consultando el foro pero hasta hoy no había tenido ninguna duda que no hubiera podido resolver aquí.
Mi problema es el siguiente:
No me funciona el comando .load() con jquery.
Tengo una página basada en Codeigniter y uso HMVC.
la cosa es que quiero que al pulsar un boton me carge el contenido que hay en un .html y me lo muestre debajo del botón. para ello uso el siguiente código:
Código:
<button type="button" id="mostrar" class="large green">
<img src="<?=base_url()?>image/icon-new.png" /> Mostrar Pestaña
</button>
<div id="caja"> </div>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#mostrar').click(function(){$('div#caja').load('application/modules/projects/views/cuadrado.html');
});
});
</sript>
el archivo cuadrado.html es:
<div style="border: 5px #0064ea solid ">
<p> Hola esto es una prueba </p>
</div>
Las librerias de jquery están bien incluidas, porque si uso otros comandos como append() o html() me funciona a la perfección.
El problema lo tengo con el comando load.
Espero que me podáis ayudar.
Muchas gracias.