0

私はここにページを持っています。

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

私が望んでいたのは、たとえば index.html#thisweek のように URL が変更されると、今週のデータを含む div がスライドするように 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

4

1 に答える 1

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

私はそれをテストすることはできませんが、これがうまくいくことを願っています

于 2012-08-07T06:06:14.813 に答える