嵌套方法,最佳实践

Question

我正在摆弄jQuery的ajax方法来从JSON提要中获取一些数据并根据数据设置一些条形图.

当我被劈开时,我真的不知道我的方法是否正确.

$.ajax({

    url: "/echo/json/",
    type: "POST",
    data: data,
    success: function(data){


    $("#value1-bar .usage-bar-fill").animate({
        width: data.Value1
        }, 2500, function() {
        // Animation complete.
    });

    $("#value2-bar .usage-bar-fill").animate({
        width: data.Value2
        }, 2500, function() {
        // Animation complete.
    });

    },
    dataType: "json"
});

是否可以在ajax方法中为div设置动画,或者是否有更正确的方法来执行此操作 - 格式化,内存明智等？

有些人如何更好地从ajax方法返回一些变量并从ajax方法外部执行动画方法？

在这里查看jsfiddle示例:http://jsfiddle.net/timkl/KPvCj/

我知道这是一个相当广泛的问题,但作为一名平面设计师来自自学成才的网页设计师 - 我从来不知道我所做的是不是好的做法.

Answer 1

我喜欢这个问题，我很想看到一些更详细的反馈，但我想说它看起来不错。您已经在 ajax 方法中调用了嵌入式成功函数，因此担心进一步嵌入式函数的内存/性能似乎几乎可以忽略不计......

如果您想使用usage-bar-fill您在成功函数中使用的相同/相似的动画为您的 s 制作更多动画，那么我可能会创建单独的函数并调用它们......但我确信您已经知道了；）

好问题！