Jquery 在浮动div上悬停时更改不透明度有问题

我在这里制作了一个JS提琴，它可以正常工作，但是在我的开发站点中它不工作

网站正在运行Wordpress，上面的链接包含了我网站上内容的浓缩版本

基本上，我有一个Wordpress边栏项目，用

标签包装。我正在给这个标签添加一个类，使它在滚动时浮动在左下角

我想在CSS中将不透明度设置为.25，并使其在悬停时显示为完全不透明度。我的问题是，在开发站点上，当鼠标悬停时，没有对不透明度进行任何更改。div是最上层，因为我可以单击它并与之交互

$('#request-consultation.fixed-bottom-left').hover(
    function() { $( this ).fadeTo( 'fast', '1'); },
    function() { $( this ).fadeTo( 'slow', '.25'); }
);

我不明白为什么它在网站上不起作用，但它是在JS小提琴

更新：

我注意到，如果我将上面的代码更改为ID，它可以正常工作，但它也会影响边栏元素是否浮动（我有一个脚本，在滚动时添加固定的左下角类）。如果我使用这个类，什么都不会发生

因此，小部件的ID起作用，

小部件容器的类在所有边栏小部件上起作用。但是，如果我只选择
固定左下角
作为一个类，什么也不会发生。我相信这门课才是问题所在。但是为什么呢？
为什么不使用CSS呢

#request-consultation.fixed-bottom-left {
    opacity:.25;
    transition:all 0.3s linear;
}
#request-consultation.fixed-bottom-left:hover{
    opacity:1;
    transition:all 1s linear;
}

更新
对于较旧的浏览器

#request-consultation.fixed-bottom-left {
    opacity:.25;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#request-consultation.fixed-bottom-left:hover{
    opacity:1;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

你试过清空浏览器缓存吗？试着用
jQuery
替换
$
的所有实例，Wordpress默认使用jQuery。不是这样，我的init.js文件中有很多其他jQuery脚本，都运行得很好。所有内容都使用无冲突包装，因此可以使用
$
。不透明度不应该是
数字
，而不是
字符串
？或者jQuery现在不在乎了吗？如果您想支持一些旧浏览器，请确保另外添加
-webkit
前缀。这就是答案。愚蠢的是，我根本没有考虑使用CSS，这是我通常尝试做的！。非常感谢。不过，如果知道jQuery为什么不影响那个CSS类，那就太好了@Lee尝试在悬停“$”（“.fixed bottom left”）.length”处使用“console.log（$（this））”检查它，或者尝试使用$（document.body.find（“.fixed bottom left”）查找它