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

在你打电话之前在你的 JavaScript 中animate()，这应该可以工作。