Javascript jQuery ajaxSuccess多次调用来创建效果似乎是多余的,还有其他方法吗?

Javascript jQuery ajaxSuccess多次调用来创建效果似乎是多余的,还有其他方法吗?,javascript,jquery,ajax,jquery-ui,Javascript,Jquery,Ajax,Jquery Ui,我当前创建的效果是快速淡出,然后在请求成功时淡入元素 因为jQuery以常规方式(从上到下)处理,所以我可以使用下面的“hack”获得效果 但我想知道是否有更好的方法来创造这种效果。这是我现在拥有的。。我无法找到其他方法来实现这一点: $('#submitButton').ajaxSuccess(function () { $("#records_results_table").fadeOut(); }); $('#submitButton').ajaxSuccess(function ()

我当前创建的效果是快速淡出,然后在请求成功时淡入元素

因为jQuery以常规方式(从上到下)处理,所以我可以使用下面的“hack”获得效果

但我想知道是否有更好的方法来创造这种效果。这是我现在拥有的。。我无法找到其他方法来实现这一点:

$('#submitButton').ajaxSuccess(function () {
$("#records_results_table").fadeOut();
});

$('#submitButton').ajaxSuccess(function () {
$("#records_results_table").fadeIn();
});
尝试:

$('submitButton').ajaxSuccess(函数(){
$(“#记录#结果#表”).fadeOut(300,函数(){
$(this.fadeIn();
});
});
试试:

$('submitButton').ajaxSuccess(函数(){
$(“#记录#结果#表”).fadeOut(300,函数(){
$(this.fadeIn();
});
});

事实上,您可以这样做:

$("#records_results_table").fadeOut().fadeIn();

jQuery有一个
fx
队列,其中存储元素上的所有动画效果,直到它们可以执行为止。无需使用回调函数来附加另一个效果()。

事实上,您可以这样做:

$("#records_results_table").fadeOut().fadeIn();


jQuery有一个
fx
队列,其中存储元素上的所有动画效果,直到它们可以执行为止。不需要使用回调函数来附加另一个效果()。

Shef,效果是一样的,但代码更性感:)。。我仍然在学习jQuery。。这实际上也帮助我了解了jQquery嵌套是如何工作的。谢谢你!您以前的操作并不总是保证“序列化”操作(即先淡出,然后淡入)。这个肯定能做到。或者,如果您想坚持默认的300毫秒(又称慢)效果持续时间,可以使用@Tomalak的版本。如果您想更改效果以占用更多的时间,或者减少时间,您可以使用我的。@Shef效果持续时间对我的解决方案没有任何影响。Shef,我意识到效果不是很优化,因为表单加载程序在淡出前运行,我想初始单击以初始化淡出。。这是我现在使用的,但它不会创建淡入淡出。。我想我的筑巢是搞砸了。你有什么建议吗$(“#提交按钮”)。单击(函数(){$(“#记录{结果{表”).fadeOut(300,函数(){$(this.ajaxSuccess.fadeIn(300,函数(){});})@托马拉克:是的,你是对的。我的假设是错误的。这里有一个演示来证明你的观点:Shef,效果相同,但代码更性感:)。。我仍然在学习jQuery。。这实际上也帮助我了解了jQquery嵌套是如何工作的。谢谢你!您以前的操作并不总是保证“序列化”操作(即先淡出,然后淡入)。这个肯定能做到。或者,如果您想坚持默认的300毫秒(又称慢)效果持续时间,可以使用@Tomalak的版本。如果您想更改效果以占用更多的时间,或者减少时间,您可以使用我的。@Shef效果持续时间对我的解决方案没有任何影响。Shef,我意识到效果不是很优化,因为表单加载程序在淡出前运行,我想初始单击以初始化淡出。。这是我现在使用的,但它不会创建淡入淡出。。我想我的筑巢是搞砸了。你有什么建议吗$(“#提交按钮”)。单击(函数(){$(“#记录{结果{表”).fadeOut(300,函数(){$(this.ajaxSuccess.fadeIn(300,函数(){});})@托马拉克:是的,你是对的。我的假设是错误的。这里有一个演示来证明你的观点:嗯。。我明白你的意思,但这段代码没有产生任何效果。@OldWest:你看到小提琴了吗?如果这不是你想要的,那么也许我错了?不,你是对的!我只是不知道单击时的bind()需要与您的代码一起使用。@OldWest我以为
ajaxSuccess
是您的触发器?是的,但我意识到我想要。单击作为触发器,因此项目会在单击时淡出,然后在成功时淡入。嗯。。我明白你的意思,但这段代码没有产生任何效果。@OldWest:你看到小提琴了吗?如果这不是你想要的,那么也许我错了?不,你是对的!我只是不知道单击时的bind()需要与您的代码一起使用。@OldWest我以为
ajaxSuccess
是您的触发器?是的,但我意识到我想要。单击作为触发器,因此项目会在单击时淡出,然后在成功时淡入。