javascript - JS文件中的多个函数

Question

我想对我的 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）切换。我对如何解决这个问题有一个想法，但如果有人也想帮助解决这个问题，我将不胜感激。

谢谢。

Answer 1

我编写了一个jQuery 插件，它的功能与您需要的类似。您应该能够以最小的努力对其进行修改以满足您的需求。

您还可以从 jQuery 插件样板之一开始，例如：

• jQuery Boilerplate.com
• jQuery插件样板
• 我在 Github 上的 CollapsiblePanel 插件

Answer 2

$(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
        });
    });
});