我如何重定向li鏈接？

Question

當用戶點擊li鏈接時，我希望用戶重定向到#gameshowintro。

HTML代碼：

<li class="about"><a href="#gameshowintro"></a></li> 

的javascript：

$(document).ready(function() { 

    $("body").css("display", "none"); 

    $("body").fadeIn(2000); 

    $("a").click(function(event){ 
     event.preventDefault(); 
     linkLocation = this.href; 
     $("body").fadeOut(1000, redirectPage);  
    }); 

    function redirectPage() { 
     window.location = linkLocation; 
    } 

}); 

Answer 1

爲了讓你的代碼工作，你需要將linkLocation傳遞給函數。 linkLocation是而不是 a 全局範圍變量（它是本地的click事件處理程序函數），它不能從被調用的函數訪問。所以，你的代碼更改爲：

$("a").click(function(event){ 
    event.preventDefault(); 
    linkLocation = this.href; 
    $("body").fadeOut(1000, "redirectPage('" + linkLocation + "')"); 
}); 

function redirectPage(linkLocation) { 
    window.location = linkLocation; 
} 

---

或者，如果你需要滾動到該節。如果是這樣的情況下，使用此平滑滾動：

$(function() { 
    $('a[href*=#]:not([href=#])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
     $('html,body').animate({ 
      scrollTop: target.offset().top 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
});