#tag pages.js问题

时间:2014-02-03 17:48:25

标签: javascript jquery

我是新手,我无法弄清楚如何摆脱"#!/" 。每当我打开一个页面时,我都没有创建这个代码:

  

网站/ index.html的#!/
  网站/ index.html的#!/ page_home
  网站/ index.html的#!/ page_portfolio

pages.js

$(window).load(function() { 
    var act='';

    $('#content > ul > li').css({position:'absolute', display:'none'});
    $('#content > ul > li').find('.box1').css({height:'0'})

    $('#menu > li > a span').css({opacity:'0'})

    $('#menu > li > a').hover(function(){
        $(this).find(' > span').stop().animate({opacity:'1'},600);                         
    }, function(){
        if (!$(this).hasClass('active')) {
            $(this).find(' > span').stop().animate({opacity:'0'},600);                         
        }
    })

    $('#menu > li').each(function(num){
        $(this).data({num:num})
    })
    $('#content > ul > li').each(function(num){
        $(this).data({num:num})
    })

    if (location.hash.slice(0,3)=='#!/') {
        page=location.hash.slice(3);
        open_page('#'+page);
        fl=false;
    }
    if ((location.hash=='#')||(location.hash=='')) {
        open_page('');
        fl=true;
            $('#content').stop().animate({height:'668'})
    }
    $('a').click(function(){
        if ($(this).attr('href').slice(0,3)=='#!/') {
            page=$(this).attr('href').slice(3); 
            open_page('#'+page);
            return false;
        }
        if ($(this).attr('data-type')=='close') {
            close_page()    
        }
    })
    function open_page(page){
        location.hash='#!/'+page.slice(1);
        $('#menu a').removeClass('active').find(' > span').stop().animate({opacity:'0'},600);
        Cufon.replace('#menu a', { fontFamily: 'Ubuntu', hover:true });
        num=$(page).data('num');
        $('#menu > li').each(function(){                      
            if ($(this).data('num')==num) {
                $(this).find('> a').addClass('active').find('> span').stop().animate({opacity:'1'},600);
                Cufon.replace('#menu a', { fontFamily: 'Ubuntu', hover:true });
            }
        })
        fl=false;
        $('#content').stop().animate({height:'868'})
        if (act!='') {
            $(act).find('.box1').stop().animate({height:'0'},700,'easeOutCirc', function(){
                $(act).css({display:'none'});
                $(page).css({display:'block'}).find('.box1').stop().animate({height:'100%'},700, 'easeOutCirc', function(){
                    act=page;   
                }); 
            })
        } else {
            $(page).css({display:'block'}).find('.box1').stop().animate({height:'100%'},700, 'easeOutCirc', function(){
                act=page;   
            });     
        }
    }
    function close_page(page){
        $('#menu a').removeClass('active').find(' > span').stop().animate({opacity:'0'},600);
        Cufon.replace('#menu a', { fontFamily: 'Ubuntu', hover:true });
        location.hash='#';
        $(act).find('.box1').stop().animate({height:'0'},700,'easeOutCirc', function(){
            $(act).css({display:'none'});
            act='';
            fl=true;
            $('#content').stop().animate({height:'668'})
        }); 
        return false;
    }
})

0 个答案:

没有答案