0

まず第一に、ここに私が取り組んでいる私のサイトがあります: http://daysofthedad.net/los_angeles/index6.php

私がやりたいのは、画面の下部にある 3 つのボタンを、画面の上部にある 3 つのボタンのように機能させることです。

「Friday Lineup April 5th」、「Saturday Lineup April 6th」、または「Sunday Lineup April 7th」の画像にカーソルを合わせると、画像が変わり、そのタブ (アクティブ) にある場合、画像はその代替画像にとどまります。

私はそれを機能させる方法を理解できません。

どんな助けでも大歓迎です。ありがとうございました。

編集: 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');
    });​
4

1 に答える 1

0

それを行う非常に簡単な方法は次のとおりです。

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

次に、「選択」が別の画像を使用するようにcssを更新しました。

于 2012-09-06T17:28:56.390 に答える