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 plugin which does something similar to what you need。您应该能够轻松修改它以满足您的需求。

你也可以从一个jQuery插件样板开始，例如：

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

JS文件中的多个函数

2 个答案: