Javascript JQuery在值之间设置动画时取消动画

Javascript JQuery在值之间设置动画时取消动画,javascript,jquery,Javascript,Jquery,我正在使用.animate()使用步长函数在两个值之间设置动画。由于没有选择器,我无法使用.stop() 在这个动画启动后,我如何停止它?似乎,我可以找到使用选择器的方法(见下面的片段) div{ 排名前100名; 左:0; 宽度:10px; 高度:10px; 背景色:#000; } 停止 $('#SomeElement')。设置动画({top:100}{ 期限:2000年, 步骤:功能(val){ $('#SomeElement').css({ 转换:“translateY(“+val+”

我正在使用
.animate()
使用步长函数在两个值之间设置动画。由于没有选择器,我无法使用
.stop()


在这个动画启动后,我如何停止它?

似乎,我可以找到使用选择器的方法(见下面的片段)


div{
排名前100名;
左:0;
宽度:10px;
高度:10px;
背景色:#000;
}
停止
$('#SomeElement')。设置动画({top:100}{
期限:2000年,
步骤:功能(val){
$('#SomeElement').css({
转换:“translateY(“+val+”px)”
});
}
});
$(“按钮”)。单击(函数(){
$('#SomeElement').stop();
});

我知道我的脚本很有效;问题是动画启动后如何停止。也许您可以帮助进一步澄清
stop
的含义。如中所示,
.animate()
脚本在运行指定的持续时间(即1000)后停止。将其更改为50表示在50毫秒后停止。在动画运行时停止动画。使用可选选择器更新答案。不过,奇怪的是,请帮忙解释一下为什么不使用选择器才是目的?我认为使用选择器与jQueryAPI更协调。它是用于parralax滚动的,函数需要按照我的方式工作,这意味着没有选择器。
        $({ Value: 50 }).animate({ Value: 0 }, {

            duration: 1000,

            step: function (val) {

                $('#SomeElement').css({

                    transform: "translateY(" + val + "px)"
                });
            }
        });