javascript - 尝试使用 Jquery 缓和一个 div

Question

我制作了以下脚本:

我要设置动画的 div:

DIV = $('div.info_holder');

还有函数:

function bezar(){

DIV.stop().animate({
            opacity: 0
        }, {
            duration: 400,
            easing: "easeOutSine",
            complete: function () {
               DIV.css("display", "none")
            }
        })};

为什么我无法完成这项工作？ :)

Answer 1

您确定 easeOutSine 可以用作缓动函数(即您正在使用 jQ UI 或其他缓动插件)吗？虽然 .animate() 是 jQuery 核心的一部分，但附加的缓动函数不是。

如果你只是想让 easeOutSine 做这样的事情:

$.extend($.easing,
  {
    easeOutSine: function (x, t, b, c, d) {
      return c * Math.sin(t/d * (Math.PI/2)) + b;
    }
  }
)

在您调用 animate() 之前在您的 JavaScript 中，这应该可以工作。