Código Javascript :
<script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#section").load("home.html"); <!-- cuando carga la default el contenedor carga el home --> $("#navigation a").each(function(){ var href = $(this).attr("href"); $(this).attr({ href: "#"}); $(this).click(function(){ $("#section").load(href); } }); }); });
...y en mi home tengo el siguiente codigo en el body:
Código CSS :
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/cristalab" data-widget-id="537392301694550016">Tweets por @cristalab.</a>
...y debajo del body (en home tambien):
Código Javascript :
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Cuando la pagina carga por primera vez lo hace barbaro, muestra la home como tiene que ser y el twitter carga sin problemas, ahora cuando le doy a home sobre la barra de navegacion, me carga de nuevo toda la home sin problemas, pero el twitter no me lo carga.
La unica diferencia que encuentro es que cuando lo hace mediante la barra de navegacion, arriba en la barra de direcciones me agrega un # al final de la url, pero no tengo la seguridad de que esto sea lo que esta causando el problema, ni se como solucionarlo en caso de ser asi.
Obviamente si en el click(function(){ discrimino con un if para que cuando clickeo sobre el home en lugar de cargar el home en el contenedor me cargue la default denuevo en toda la pagina con un window.location.replace si, funciona... pero no me termina de cerrar ese parche.
Seria como atar a una chica facil, no por eso tendria una santa sino una chica facil atada. (siendo sutil)
Alguno podra ayudarme con esto? el chapulin no me dio solucion.