0

jQueryのフェードイン/フェードアウト機能を使用してオンとオフを切り替えることができる複数のギャラリーを備えたポートフォリオページを含む個人Webサイトを作成しています。メインのインデックス ページにも、ギャラリーを含む個々の div にリンクしたいリンクがあります。とにかくこれを行うことはありますか？私は Web デザインと 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 ページで、クリックしたいアイテムをトリガーするコードを設定します。

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

});
于 2013-02-25T06:19:38.110 に答える