jquery - 动画中间的 .animate jquery 事件处理程序

Question

这是我做的

$("#developments ul").animate({
        marginLeft: -1*((ul_width+li_padding)*(how_many_more+1)+how_many_more*ul_padding)},30000,'linear'
    );

当ul的margin-left=-1*((ul_width+li_padding)*(how_many_more)+how_many_more*ul_padding)时我想做点什么我可以使用 .change() 处理程序吗？如果是，我该如何使用这个处理程序？我试试这个

$("#developments ul").css("margin-left").change(function() {
        alert("handler");
    });

但是没用..这是合理的，因为 $("#developments ul").css("margin-left") 返回一个数字。数字作为数字是静态的，永远不能改变!有什么帮助吗？

Answer 1

您可以绑定(bind)到 .animate 选项的步骤属性

$("#developments ul").animate({
    marginLeft: -1 * ((ul_width + li_padding) * (how_many_more + 1) + how_many_more * ul_padding)
}, {
    duration: 30000,
    easing: "linear",
    step: function(now, fx) {
        if (now === -1 * ((ul_width + li_padding) * (how_many_more) + how_many_more * ul_padding)) {
            alert("handler");
        }
    }
});

类似的东西应该有效。