Question

我已经搜索过并且没有真正回答我正在寻找的东西。

我将html页面拉入div。我终于让它淡出，加载新的href内容，然后淡入新内容。但是，我无法通过链接来防止默认。

这是我的代码。非常感谢任何帮助！

$(document).ready(function() {

var url = $(this).attr("href"); 

$('#container').css('display', 'none');

$('#container').fadeIn(1000);

jQuery('a').click(function(e){
e.preventDefault();
$('a').removeClass('current');
$(this).addClass('current');    
$("#container").fadeOut('1000',function(){
$('#container').load(url);
}).fadeIn('1000');

        });

    })

Answer 1

您需要在加载回调中调用此fadeIn。

$(document).ready(function() {
    var loading = false;
    $('#container').css('display', 'none');
    $('#container').fadeIn(1000);

    $('a').click(function(e){
            if(loading) return false;
        e.preventDefault();
            loading = true;
        var url = $(this).attr("href"),
            cont = $("#container");  //cache selector
        $('a').removeClass('current');
        $(this).addClass('current');    
        cont.fadeOut(1000, function(){
            cont.load(url, function() {
                cont.fadeIn(1000, function() {
                    loading = false;
                });
            });
        });

    });
});

在淡出后，preventDefault不工作然后加载然后将新的href内容淡入div

1 个答案: