1

JS ファイルに複数の機能を追加したいと考えています。私はJavaScriptの経験がまったくないので、どうすればいいのかわかりません。これが私が持っているものです。

$(function(){
  $('.incentives').hide();

  $('.incentives-click').on("click", function(){
    $('.incentives').fadeToggle();
  });

    $('.incentivesB').hide();

  $('.incentivesB-click').on("click", function(){
    $('.incentivesB').fadeToggle();
  });

})();

カーソルを合わせると画像が変わるビットを追加しようとしています。

$(function onHover(){
    $(".button").attr('src', 'images/donate2.png');
)}

$(function offHover(){
    $(".button").attr('src', 'images/donate1.png');
)}

ボーナス

また、クリックしたときに画像（.incentives-click）を切り替えようとしています。私はこれをどのように進めるかについて考えていますが、誰かがこれについても助けたいと思っているなら感謝します.

ありがとう。

4

2 に答える 2

1

あなたが必要とするものと同様のことをするjQueryプラグインを書きました。最小限の労力でニーズに合わせて変更できるはずです。

次のような jQuery プラグインのボイラープレートの 1 つから始めることもできます。

于 2013-02-03T07:28:39.157 に答える
1 
$(function(){
    $('.button').hover(function(){
        $(this).attr('src', 'images/donate2.png')
    }, function(){
        $(this). attr('src', 'images/donate1.png');
    });

    $('.button').on('click',function(){
        $(this).toggle(function(){
             #change_image1
        }, function(){
             #change_image2
        });
    });
});
于 2013-02-03T07:52:19.347 に答える