当Javascript被禁用时,哈希链接到硬链接

时间:2014-03-20 19:35:32

标签: javascript jquery hash hyperlink

嗨,这是我的代码,它有效。

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>

1 个答案:

答案 0 :(得分:0)

只需为您提供href属性链接。

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

并在return false;处理程序中加入click()

(文件)。就绪(函数(){    $(&#34;&#34)。单击(函数(E){      $(&#34;。第&#34)。淡出(1000).delay(1500);
     $(&#34;#&#34; + $(this).data(&#34; page&#34;))。fadeIn(1000);      e.preventDefault();      返回false;   });
});

您可能还需要e.prevenDefault();(上面包含),但不确定。