0

我正在创建一个个人网站,其中包括一个投资组合页面,其中包含多个可以使用 jQuery 淡入/淡出功能打开和关闭的画廊。我的主索引页面上也有链接,我想链接到包含画廊的每个单独的 div。有没有办法做到这一点?我在网页设计和 jQuery 方面相当陌生。div 分配了一个类,将它们绝对定位,以便它们重叠,并且每个 div 都有一个唯一的 id,并在 jQuery 代码中使用。这是我用来显示和隐藏 div 的代码...

<script type="text/javascript"> 
 $(function() {
    $('#show_advertisement').click(function() {
        $('#gallery_logos').fadeOut('slow');
        $('#gallery_illustrations').fadeOut('slow');
        $('#gallery_webdesign').fadeOut('slow');
        $('#gallery_advertisments').fadeIn('slow');
    });
    $('#show_logo').click(function() {
        $('#gallery_advertisments').fadeOut('slow');
        $('#gallery_illustrations').fadeOut('slow');
        $('#gallery_webdesign').fadeOut('slow');
        $('#gallery_logos').fadeIn('slow');
    });
       $('#show_illustration').click(function() {
        $('#gallery_advertisments').fadeOut('slow');
        $('#gallery_webdesign').fadeOut('slow');
        $('#gallery_logos').fadeOut('slow');
        $('#gallery_illustrations').fadeIn('slow');
    });
       $('#show_web').click(function() {
        $('#gallery_advertisments').fadeOut('slow');
         $('#gallery_illustrations').fadeOut('slow');
          $('#gallery_logos').fadeOut('slow');
        $('#gallery_webdesign').fadeIn('slow');
    });
    $('#show_advertisement').trigger('click');

             });
</script>

任何帮助将不胜感激,谢谢!

4

1 回答 1

0

我的猜测是,您从带有哈希的主页索引导航链接到要显示的 div ..ala

您的链接:/gallery.html#show_illustration

然后在gallery.html页面上,设置一些代码,然后触发您想要点击的项目..ala

$(document).ready(function() {
    var url = window.location.hash;
    $(url).trigger('click');

});
于 2013-02-25T06:19:38.110 回答