Jquery 工具选项卡

Question

我已经使用 jquery 工具和历史插件设置了一些选项卡。

当我转到http://jimeagle.com/new/index.php#music.php音乐页面被正确加载，但顶部的主页选项卡仍然突出显示，如何在选项卡脚本更改页面时更新选项卡的CSS？

我还在寻找 ajax 页面完成加载时的某种回调，因此我可以在您单击选项卡时显示加载 gif 并在页面加载时隐藏它。

谢谢。

Answer 1

.load() 方法可以使用回调函数。请参阅 the Manual。

$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();
    });
});