Question

我在这里有一个页面。

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

我想要的是div上下滑动，因为url更改为例如index.html #hisweek将滑动包含本周数据的div。有时候它有时不起作用。我很困惑没有错误但仍然无法正常工作。代码如下：

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

Answer 1

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

我无法测试它，但我希望这对你有用

根据网址滑动div

1 个答案: