0

私は現在、ギャラリーのデザインに取り組んでいます。ページには 2 つの Div があります。左の div はギャラリーのリストで、右はギャラリー ビューです。左側のリストでクリックしたものに基づいて、JavaScript を使用して右側に表示されるギャラリーの変更が表示されます。左のリストからギャラリーが開くと、リスト内で青色になります。別のギャラリーを開くと、再び黒くなり、開いたばかりのギャラリーは青になります。

どうすれば目標を達成できますか? JavaScript でリスト要素の色を変更できますか?

これが私のギャラリーです。http://goo.gl/kfjlJ

ギャラリーを非表示にして表示する JavaScript コード。

$(window).load(function(){

$('a').click(function() {
  $('.gallery').hide();
  $('#' + $(this).data('gallery')).show();
});
});
4

1 に答える 1

2

リストがこの形式であると仮定しましょう

<ul id="list-name">
  <li><a>One</a></li>
  <li><a>Two</a></li>
</ul>

わかった?あなたはこれを行うことができます:

$(window).load(function(){
  $('a').click(function() {
    $('.gallery').hide();
    $('#' + $(this).data('gallery')).show();
    $('#list-name li.active').removeClass("active");
    $(this).parent().addClass("active");
  });
});

したがって、css クラス「#list-name li.active」を作成して、アクティブなギャラリーに必要な色を与えるだけです。

私はあなたの問題を正しく理解しましたか?

于 2012-05-16T18:10:21.570 に答える