Comment arrêter une animation animée avec jquery
某草草
某草草 2017-05-16 13:43:21
0
3
553

Il existe deux méthodes. Exécutez la méthode turnRight pour contrôler la boîte à se déplacer vers la droite et exécutez la méthode turnLeft pour contrôler la boîte à se déplacer vers la gauche.

function tureRight(){
    $('.k-element-plugs-box').animate({
                marginLeft: "0px"
        },1000,function(){
            console.log("end")
    })
}
    
function tureLeft(eletype){
    $('.k-element-plugs-box').animate({
        marginLeft: "-180px"
    },300)    
 }

Dans la méthode turnRight, j'ai ajouté une fonction de rappel dans la méthode d'animation animée pour exécuter console.log("end") Il y a maintenant un problème après l'exécution de la méthode turnRight, la boîte se déplace vers la droite pendant 1 seconde. Après la fin, imprimez "end". Si j'exécute la méthode turnLeft alors que la boîte n'a pas atteint la droite (c'est-à-dire que le temps ne suffit pas pour 1 seconde), elle attendra 1 seconde avant d'exécuter la méthode turnLeft.
Si le JS est écrit par moi-même, je sais que ce serait bien d'effacer le minuteur, mais comment arrêter l'animation animée à son tour avec jquery

某草草
某草草

répondre à tous(3)
阿神

$('.k-element-plugs-box').stop();
tureLeft();

PHPzhong

$('.k-element-plugs-box').stop().animate(), arrêtez d'abord l'animation précédente, puis exécutez l'animation suivante

phpcn_u1582

$('xxx').stop() ou $('xxx').stop().animate()
stop()'s l'utilisation spécifique et la description des paramètres peuvent être trouvées dans la documentation, elles seront mieux expliquées

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!