在另一页上打开Jquery Div“哈希”

时间:2011-04-20 07:51:34

标签: javascript jquery hash

我想使用链接在不同的页面上打开div。

链接如下所示:grid.html#project1 / 2/3/4等。

目标页面上的代码如下所示:

    $(function(){



    // Thumbs
    $('#thumbs a').hover(function(){
        $(this).find('span').stop(true, true).animate({'top': '90px'}, 300)
    },  function(){
        $(this).find('img').stop(true, true).animate({}, 300);
        $(this).find('span').stop(true, true).animate({'top': '124px'}, 300)
    })  .bind('click', function(){
        $('#content .project').stop(true, true).fadeOut(500);
        $($(this).attr('href')).stop(true, true).css('left', 0).fadeIn(500);

        $('#content').animate({'min-height' : '450px', 'display' : 'inline', 'position' : 'relative', 'paddingTop' : '-2px' , 'paddingBottom' : '130px'}, 500); 

        $('#thumbs').animate({'marginTop' : '30px'}, 500);
        $('html,body').animate({scrollTop:0}, 500); 


        return false;
    });

  $(".close").click(function() {
        $('#content .project').fadeOut(500);
        $('#content').animate({'min-height' : '0px', 'display' : 'inline', 'position' : 'relative', 'paddingTop' : '0px' , 'paddingBottom' : '0px'}, 500); 
  });   

    // Carousel
    $('.carousel').jcarousel({
        scroll: 1,
        animation: 800,
        easing: 'easeOutQuart', 
        buttonNextHTML: '<div><div></div></div>',
        buttonPrevHTML: '<div><div></div></div>',
        initCallback: initCarousel
    });



});

1 个答案:

答案 0 :(得分:0)

var hash = window.location.hash;
var yourDiv = $('#content .'+hash);