jQuery 3.5.1 回调 function in.animate() 不工作

Question

I have a problem making a callback function in .animate() . The animation goes very smoothly and without problems, but the complete: ()=> part is not working at all. I've copied this structure from the documentation but it just doesn't want to coop after my changes. Does anyone know why it doesn't work? Is it cause by setInterval? If so, how can I loop this animation?

The code is as follows:

setInterval(() => {
    $(".slide")[0].animate({
        "marginLeft": "-100%"
    }, {
        duration: 2000,
        easing: "linear",
        complete: () => {
            console.log("test");
        },
    });
}, 6000);

Answer 1

You will need to make use of the correct selector:

setInterval(() => {
    $(".slide").eq(0).animate({
        "marginLeft": "-100%"
    }, {
        duration: 2000,
        easing: "linear",
        complete: () => {
            console.log("test");
        },
    });
}, 6000);

When you get element 0 fro mthe Object, it returns the DOM Element and not a jQuery Object. See More:

https://api.jquery.com/eq/