Question

我目前正在进行画廊设计。页面上有2个Div。 left div是一个画廊列表，右边是画廊视图。基于您单击左侧列表，使用JavaScript右侧可见库更改。当任何图库从左侧列表中打开时，列表中应为蓝色。如果你打开另一个画廊，它应该再次变成黑色，而刚刚打开的画廊应该是蓝色的。

我如何实现目标？我可以使用JavaScript更改列表元素的颜色吗？

这是我的画廊; http://goo.gl/kfjlJ

隐藏图库并显示它们的JavaScript代码。

$(window).load(function(){

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

Answer 1

让我们假设列表具有这种格式

<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”即可为活动图库提供所需的颜色。

我理解你的问题了吗？

更改已打开的图库颜色

1 个答案: