Tengo las siguientes bibliotecas de Javascript cargadas para mi página.jQuery funciona en Firefox cuando Firebug se está ejecutando, no funciona cuando Firebug NO se está ejecutando
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>
<script type="text/javascript" src="./js/jquery.scrollTo-min.js"></script>
tengo el elemento div que quiero colocarlos en:
<div class="content" id="content">
</div>
tengo este enlace:
<a id="changeText" href="rules.html">Click to change</a>
Por último, tengo el siguiente código de jQuery:
<script>
$(document).ready(function() {
$("#changeText").click(function(){
var url = $(this).attr("href");
$("#content").load(url);
console.log(url);
$.scrollTo("0%", 400);
});
});
</script>
Todo esto funciona en Safar yo. La parte más extraña de la historia es que solo funciona en Firefox cuando Firebug está activado. Cuando Firebug NO está activado, la página parece estar cargada dinámicamente, pero luego la página carga rules.html y cambia a ella, que no es mi objetivo deseado.
Además, por supuesto, nada de esto funciona en IE8.
¿Qué estoy haciendo mal?
+1 Me gustó esta respuesta, ya que ofrecía una solución alternativa que permitiría que ambos escenarios funcionaran correctamente. –
Hago algo similar donde tengo una función llamada log() que comprobará si window.console está disponible y, si es así, registre el comando. – Shard
Me salvó el día. Está bien en Firefox 4.0, aunque :) –