2012-03-26 16 views
-4

頁面既然我有一個div內的按鈕:淡出股利和清爽的使用jQuery

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

在此先感謝。

+0

這看似簡單,但實際上,我不知道一個簡單的方法刷新頁面,然後設置一個哈希。 – 2012-03-26 15:14:27

+0

我已經用我到目前爲止所做的更新了我的問題。對不起@GrailsGuy。 – CJS 2012-03-26 15:42:10

回答

2

也許這可以給你一個提示如何實現它

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

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

你不想要做什麼提供。所以我認爲它會以更簡單的方式來實現你正在努力實現的目標。

+0

這將跳轉到'#task5'而不是'#t5'。 – PeeHaa 2012-03-26 15:16:24

+0

這是一個非常好的觀點和我的錯誤;-)我將更新示例 – 2012-03-26 15:17:41

+0

請檢查我更新的問題以獲取更多詳細信息。 – CJS 2012-03-26 15:42:26

3

我不明白你爲什麼要淡出該div但這裏是如何做到這一點

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

@PeeHaa謝謝,錯過了。 – slash197 2012-03-26 15:18:31

+0

它不刷新頁面。它只是將#t5添加到地址 - 結果是:'page.php#t5#t5'。 – CJS 2012-03-26 15:50:17