jquery - 我如何使用 jQuery 淡出图片然后转到新页面？

Question

我网站的打开页面是图片，单击时我希望它淡出然后转到主页。我应该淡出图片然后淡入下一页的正文还是有办法做到这一点？

<script>
 $(document).click(function(){     
    $('#beach').fadeTo(3000,0.30, function() {
       $("#beach").attr("src",$("#link").attr("href"));
    }).fadeTo(500,1);
    return false;

 });
</script> 

<a href="welcomepage.html#link"><img id="beach" src="wedfronttest.jpg"

提前致谢

Answer 1

使用Froxz的想法，我认为最好的选择是

$("a").click(function(event) {
    event.preventDefault();
    var url = $(this).prop('href');
    $('#beach').fadeOut(function() { 
        window.location = url;
    });
});

检查这个JSFiddle以查看它的实际效果！（请记住，您不会在 JSFiddle 被重定向，但您会看到这个想法）

Answer 2

$("a").click(function(event) {
event.preventDefaults();
var url = $(this).attr('href');
        $('#beach').fadeOut(function() { 
              window.location = url;
        });
    });