JQuery hover backroundColor

我正在Rails 5应用程序中构建一组社交媒体链接。当我将鼠标悬停在链接容器div上时，我希望它的背景颜色变成蓝色。（你不能使用CSS：hover作为backgroundColor fyi）JQuery hover backroundColor

Rails 5中的某些东西必须阻止它的工作。我在另一个应用程序中直接使用了这个确切的代码，并且它工作得很好。我无法弄清楚发生了什么事。这里是我的html：

<div id="facebook"> 
    <%= icon("facebook", id: 'facebook_icon') %> 
</div>

这里是我的application.js文件的相关部分：此文件中的

//= require jquery 
//= require bootstrap-sprockets 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 

$(document).on('turbolinks:load', function(){ 

$('#facebook').hover(
    function(){ 
     $(this).animate({'backgroundColor': '#404a87'},400); 
    }, 
    function(){ 
     $(this).animate({'backgroundColor': '#393939'},400); 
    } 
); 
});

其他JavaScript函数。我无法弄清楚会发生什么。帮帮我！

来源

2017-06-02 J Seabolt

我想改变DIV，而不是图标。感谢思想，尽管 –

为什么不使用'.css（'background-color'，'＃404a87'）'？它是否必须是js backgroundColor？ '#facebook：悬停{背景色：＃404a87; -webkit-transition：background-color 0.4s;过渡：背景色0.4s}' – admcfajn

尝试使用背景色而不是backgroundColor。是的，我知道backgroundColor“应该”工作 - 但尝试它。 – Korgrue

不知道这是否会工作，但尝试：

$('#facebook').on("mouseover", function(){..}

，而不是使用.hover

来源

2017-06-03 00:10:10 Darkisa

JQuery hover backroundColor

回答

相关问题