Buenos días
En mi web uso el siguiente script Jquery para cargar el contenido dinámicamente.
...
<ul id="nav">
<li><a href="index.html" class="current" title="presentacion"><span>Presentación</span></a></li>
<li><a href="enlaces.html" title="enlaces"><span>Enlaces</span></a></li>
...
</ul>
<div id="mod">
<div class="content">
Lorem Ipsum
...
</div>
</div>
...
Con este código Jquery
'$(document).ready(function() {
$('#nav a').click(function(event) {
$('#mod').hide().load($(this).attr("href") + ' #mod').fadeIn(1000);
$('#nav a').removeClass("current");
$(this).addClass("current");
event.preventDefault();
});
</script>`
El problema es que una vez ejecutado, al pinchar sobre algun enlace, el código que se me genera queda así
...
<div style="display: block;" id="mod"><div id="mod">
<div class="content">
Lorem Ipsum
</div>
</div></div>
...
Alguien sabe como evitar que se duplique la div #mod?
Related Topics: