2012-08-07 41 views
0

我在这里有一个页面。滑动div加上url

http://www.kharota.com/cantsay/index.html

我想什么是div的上下滑动,例如index.html的#thisweek网址更改将包含在本周的数据股利滑动。有时它有时不起作用。我很困惑,没有错误,但仍然无法正常工作。代码如下

var loc = window.location.href; 
if(loc.indexOf('#') >= 0) { 
    var hash = loc.substr(loc.indexOf('#') + 1); 
}else{ 

    var hash = ""; 
} 

if(!hash){ 
$("#ca").slideDown("fast");  


    }else{ 




switch(hash){ 

    case "iwantagig": 
     $("#cd").slideDown("fast"); 
     $("#ca").slideUp("fast"); 
     $("#cb").slideUp("fast"); 
     $("#cc").slideUp("fast"); 


     break; 


    case "jointhecrew": 

     $("#cc").slideDown("fast"); 
     $("#ca").slideUp("fast"); 
     $("#cb").slideUp("fast"); 
     $("#cd").slideUp("fast"); 

     break; 


    case "birthdayGuestlist": 

     $("#cb").slideDown("fast"); 
     $("#ca").slideUp("fast"); 
     $("#cc").slideUp("fast"); 
     $("#cd").slideUp("fast"); 

     break; 

    case "thisweek": 

     $("#ca").slideDown("fast"); 
     $("#cb").slideUp("fast"); 
     $("#cc").slideUp("fast"); 
     $("#cd").slideUp("fast"); 

     break; 



} 
} 

该页面在这里。如果有人帮忙,我会很感激。

http://www.kharota.com/cantsay/index.html

回答

0
$(document).ready(function(){ 
    $('a.change-page').click(function(){   
     var hash = window.location.hash.substring(1); 
     if(hash) { 
      $('.slider').slideUp("fast"); 
      $('.' + hash).slideDown("fast"); 
      // where '.' + hash are your page divs which must have the class slider and classes like jointhecrew, iwantgag etc 
     } else { 
      $("#ca").slideDown("fast"); 
     } 
    }); 
}); 

我无法测试它,但我希望这会为你工作

+0

最奇怪的事是,我必须重新加载页面用于检测散。为什么页面不检测散列没有重新加载? – user1494854 2012-08-07 06:32:37

+0

即使您使用我的代码?当你点击其他a.change-page链接时,我的代码应该替换散列 – 2012-08-07 06:43:02