我目前正在摆弄 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/
我知道这是一个相当宽泛的问题,但作为一名平面设计师来自自学成才的网页设计师 - 我从来不知道我在做什么是否是好的做法。
最佳答案
我喜欢这个问题,我希望看到一些更详细的反馈,但我认为它看起来不错。您已经在 ajax 方法中调用了一个嵌入式成功函数,因此担心进一步嵌入式函数的内存/性能似乎几乎可以忽略不计......
如果您想要为您的 usage-bar-fill
添加更多与您在 success 函数中使用的相同/相似的动画,那么我可能会创建单独的函数并调用它们相反......但我相信你已经知道了 ;)
好问题!
关于javascript - 嵌套方法,最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8742980/