Вкладки инструментов Jquery

Question

Я настроил некоторые вкладки, используя инструменты jquery и плагин истории.

Когда я перехожу на http://jimeagle.com/new/index.php#music.php, страница музыки загружается правильно, но главная вкладка вверху все еще подсвечивается, как я могу обновить CSS вкладки, когда скрипт вкладок изменяет страницу?

Я также ищу какой-то обратный вызов, когда страница ajax закончила загрузку, поэтому я могу отображать gif загрузки, когда вы нажимаете вкладку, и скрывать ее, когда страница загружена.

Спасибо.

Answer 1

Метод .load() имеет возможность использовать функцию обратного вызова.См. Руководство .

$loader = $('.ajax-loading');
$('.tab').click(function() {
    $(this).append($loader); //Make spinner appear on click.
    $('#main-content').load('pages.php', function(data) { //Will fire on success
        $('#main-content').append(data);
        $loader.remove();
    });
});