Javascript jQuery fadeIn实际上没有淡入

我有一个jQuery函数，其中某些div淡入淡出，我无法将整个文件粘贴到JSFIDLE中，因为它太大，而且所有图像链接都是相对的，但是我有以下几点

// On click hide default, Country specific
    $('.default .asia').click(function(){
        $('.default').fadeOut("fast");
        $(".default").queue(function () {
            $('.viewport-asia').fadeIn("fast");
            $('.viewport-asia').dequeue();
        });         
    });
    $('.default .north-america').click(function(){
        $('.default').fadeOut("fast");
        $(".default").queue(function () {
            $('.viewport-america').fadeIn("fast");
            $('.viewport-america').dequeue();
        });
    });
    $('.default .europe').click(function(){
        $('.default').fadeOut("fast");
        $(".default").queue(function () {
            $('.viewport-europe').fadeIn("fast");
            $('.viewport-europe').dequeue();
        });
    });

    // Drag event
    $(".america-big").draggable();
    $(".europe-big").draggable();
    $(".asia-big").draggable();

    // Reset map
    $('a.zoom-out').click(function(){
        $('.hidden').fadeOut("fast");
        $(".hidden").queue(function () {
            $('.default').fadeIn("fast");
            $('.hidden').dequeue();
        }); 
    })
}); 

最后一个函数//重置映射“a.zoom-out”应该淡出当前div并淡入.default div，它当前淡出当前div，但默认div没有淡入

有人能看出我哪里出了问题吗

---

HTML

---

您不需要

队列

功能

如果要同时使用

fadeIn

和

fadeOut

：

$('.default .asia').click(function(){
    $('.default').fadeOut("fast");
    $('.viewport-asia').fadeIn("fast");
});

如果要先进行淡入淡出，然后在淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出

$('.default .asia').click(function(){
    $('.default').fadeOut("fast", function(){
        $('.viewport-asia').fadeIn("fast");
    });
});

---

你混合了双引号和单引号；从来都不是个好主意。另外，我建议你看看Thanke@elclanrs，我对jQuery还很陌生，所以我不确定这样的东西的最佳实践，我会看看你提到的……我已经添加了HTML@SivaCharan

$('.default .asia').click(function(){
    $('.default').fadeOut("fast", function(){
        $('.viewport-asia').fadeIn("fast");
    });
});