Question

首先，这是我正在处理的网站：http://daysofthedead.net/los_angeles/index6.php

我想做的是让屏幕底部的3个按钮功能就像屏幕顶部的3个按钮一样。

当您将图像悬停在“星期五阵容4月5日”，“星期六阵容4月6日”或“星期日阵容第7天”时，图像会发生变化，当它位于该标签上时（活动），图像会保留在该图像上替代形象。

我无法想办法让它发挥作用。

任何帮助将不胜感激。谢谢。

编辑：感谢Explosion Pills，我使用以下代码让它工作。

    $('.panelbuttons .day-1-link').addClass('selected');

    $('.day-1-link').on('click', function () {
         $('[class^=day-]').removeClass('selected');
         $('.panelbuttons .day-1-link').addClass('selected');
    });
    $('.day-2-link').on('click', function () {
         $('[class^=day-]').removeClass('selected');
         $('.panelbuttons .day-2-link').addClass('selected');
    });
    $('.day-3-link').on('click', function () {
       $('[class^=day-]').removeClass('selected');
       $('.panelbuttons .day-3-link').addClass('selected');
    });

Answer 1

一种非常简单的方法是：

$('[class^=day-]').on('click', function () {
   $('[class^=day-]').removeClass('selected');
   $(this).addClass('selected');
});

然后更新你的css，以便“选中”使用不同的图像。

jQuery悬停/活动选项卡按钮

1 个答案: