淡出div并使用jQuery刷新页面

时间:2012-03-26 15:06:22

标签: javascript jquery

鉴于我在div中有一个按钮:

<div id="result">
        <a href='#task5'>
        <img src='resources/book.png' style='padding-top: 10px;'
        class='button3'>
        </a>
</div>

我如何使用jquery或javascript:

1)淡出div

2)刷新页面

3)自动跳转到页面上名为#t5的锚点

这是我到目前为止所得到的,但是我很难跳到名为t5的锚点

$(".button4").click(function (){
    $("#result").fadeOut(function(){
        location.reload();
    })
})

提前致谢。

2 个答案:

答案 0 :(得分:3)

我不明白为什么你会淡出那个div但是这里是怎么做的

$('#result').fadeOut('slow', function() {
    var url = window.location;
    window.location = url + "#t5";
});

答案 1 :(得分:2)

也许这可以给你一个如何实现它的提示

    $("#result").fadeOut(function(){
    // Heres the callback when the animation is complete
        window.location = window.location + "#t5";
    })

http://jsfiddle.net/NxKFp/1/

您没有准确提供您想要做的事情。所以我认为这样做会更容易实现你想要实现的目标。