Javascript jQuery不透明动画不工作，但任何其他动画都不工作

我有一个非常奇怪的问题：我在localhost上的最新Chrome上使用jqueryv11。虽然我设法在我的网站上使用jQuery.animate（）来处理任何元素和特性（包括不透明度），但有一个元素我就是做不到

我试图在$（document）.ready（）函数内外触发动画，结果都是一样的。我尝试了fadeTo、fadeIn/fadeOut、动画不透明，所有这些都是一样的东西。动画开始，但在达到一定百分比后，它就不会继续，并直接跳到结尾。我还尝试了填充物，效果非常好

我也在使用回调，但删除或添加回调都不会影响这两种情况下的性能。而且，我已经浏览了几十个甚至更多的问题，所以我觉得我做了我的研究

谢谢你的帮助

JavaScript:

$("#nb_copy").stop().animate({ opacity: 0 }, 300, function()
{
$(this).css("background-position", "-16px").stop().animate({ opacity: 1 }, 300);
});

HTML:

注意：我想在以下情况下使用此动画：我正在为父div的不透明度设置动画（请参见，它在这里工作…），然后当按下nb_copy按钮时，它会淡出，更改bg位置并淡出

如果我使用很长的动画（3000）并添加延迟，第一个动画在大约40%后中断，然后在3000毫秒结束后，它计算延迟，然后计算新动画。这样我对动画没有问题。另外，如果我不使用回调，它也可以工作。但这两个人不知怎么地互相打断了

如果我只在回调中使用.css，它会立即应用（背景位置），但动画运行平稳

我已经花了大约1.5个小时在这样一件小事上。。。好的，如果我在JSFIDLE中复制上面的代码，它就可以工作了：。我也在使用同一按钮的Zeroclipboard，可能是问题吗

---

如果我将它从Zeroclipboard嵌套中取出，并将其放入一个简单的单击触发器中，结果相同。

为什么要使简单的工作变得复杂，只需使用

fadeToggle（）

只需将代码更改为：

$("#nb_copy").fadeToggle(function()
{
$(this).css("background-position", "-16px").fadeToggle();
});

使用

fadeToggle（）

更好，因为

animate（）

用于制作自定义动画

在代码中，将

标记放在

标记之前

---

你可以用fadeToggle（）来代替。遗憾的是，没有什么区别，Arjun：（完全相同的故事。添加了一些新的东西。看看它。也许这解决了你的问题。好吧，最后我成功地使用了setTimeOut（）。之后我又尝试了很多组合（删除CSS、HTML和JS元素），但不适用于切换、淡入和动画。感谢您的帮助：）我完全不知道为什么，但尽管它在JSFIDLE中工作，但在我的代码中却不工作。谢谢你的回答：）顺便说一句，这是下一次简化我工作的一个很好的教训：）我把这个记在头上：

，其余的放在正文的末尾（打印出来，不是在单独的文件中）o_o

div#notes_buttons
{
    width: 18px;
    position: absolute;
    top: 180px;
    right: -24px;
    opacity: 0;
    filter: alpha(opacity=0);
}

div#notes_buttons a
{
    cursor: pointer;
    display: block;
    width: 18px;
    height: 18px;
    margin-bottom: 1px;

    background: red url("/db/sprite.png") no-repeat;
    background-position: 0px 0px;
}

$("#nb_copy").fadeToggle(function()
{
$(this).css("background-position", "-16px").fadeToggle();
});