У меня есть следующие библиотеки Javascript, загруженные для моей страницы.
<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>
У меня есть элемент div, в который я хочу поместить их:
<div class="content" id="content">
</div>
У меня есть эта ссылка:
<a id="changeText" href="rules.html">Click to change</a>
Наконец, у меня есть следующий код jQuery:
<script>
$(document).ready(function() {
$("#changeText").click(function(){
var url = $(this).attr("href");
$("#content").load(url);
console.log(url);
$.scrollTo("0%", 400);
});
});
</script>
Все это работает в Safari. Самая странная часть истории - то, что она работает только в Firefox, когда включен Firebug. Когда Firebug НЕ включен, страница выглядит динамически загруженной, но затем страница загружает rules.html и переключается на нее, что не является моей желаемой целью.
Кроме того, конечно, ничего не работает в IE8.
Что я делаю неправильно?