使用FadeIn重新排序div - FadeOut效果

时间:2017-05-09 13:59:17

标签: javascript jquery

我有一个我要重新排序的#!groovy pipeline { tools { maven 'maven 3.3.9' jdk 'Java 1.8' } environment { VERSION = '0.0.0' } agent any stages { stage('Checkout') { steps { git branch: 'master', credentialsId: '290dd8ee-2381-4c5b-8d33-5631d03ee7be', url: 'git@gitlab.crosslang.local:company/SOME-API.git' sh "git clean -f && git reset --hard origin/master" } } stage('Build and Test Java code') { steps { script { def pom = readMavenPom file: 'pom.xml' VERSION = pom.version } echo "${VERSION}" sh "mvn clean install -DskipTests" } } stage('Build Docker images') { steps { dir('whales-microservice/src/main/docker'){ sh 'cp ../../../target/whales-microservice-${VERSION}.jar whales-microservice.jar' script { docker.build "company/whales-microservice:${VERSION}" } } } } } } 列表。这需要使用javascript / jquery来完成,因为在加载html之后,值来自AJAX调用。

我找到了几种方法来进行简单的重新排序,但我希望添加divsfadeIn效果,这样用户就可以看到实际的重新排序,而不只是看到fadeOut突然消失了弹出。

This jsfiddle包含我的代码的简化版本,没有divs效果。

然后我尝试替换

fadeOut

由:

$(currentResult).remove();
$(currentResult).hide().insertBefore($(relevantResults[j])).fadeTo('slow', 1);

获得理想的效果。但没有插入任何东西。

知道如何实现这个目标吗?

1 个答案:

答案 0 :(得分:0)

尝试:

$(currentResult).hide('fast', function() {
    $(this).insertBefore($(relevantResults[j])).show('fast');
});
相关问题