當禁用Javascript時，哈希鏈接到硬鏈接

Question

嗨，這是我的代碼，它可以正常工作。

function Init(){
 ShowPage ('#body_home');
}

function ShowPage(a){
 $(a).css("display","block");
}

$(document).ready(function(){
   $("a").click(function(e){
     $(".page").fadeOut(1000).delay(1500);  
     $("#" + $(this).data("page")).fadeIn(1000);
  });        
});

基本上，我想知道如果用戶禁用了javascript，如何使鏈接指向其正確的頁面。 這可能嗎？ 我目前正在使用哈希鏈接系統。 我想這樣，如果用戶禁用了javascript，則該鏈接可以正常工作（例如，使用index.php代替#body_home），而無需使用第二個樣式表。

的HTML

<ul class="navlist">
<li class="litem" name="home"><a data-page="body_home" href="#body_home">Home</a></li>
<li class="litem" name="hello"><a data-page="body_hello" href="#body_hello">Hello</a></li>

Answer 1

只需給您鏈接href屬性。

<a href="index.php>Link</a>

並包含return false; 在您的click()處理函數中：

（document）.ready（function（）{$（“ a”）。click（function（e）{$（“。page”）。fadeOut（1000）.delay（1500）;
$（“＃” + $（this）.data（“ page”））。fadeIn（1000）; e.preventDefault（）; 返回false； }）;
}）;

您可能還需要e.prevenDefault(); （包括在上面），盡管不確定。