Как мне запустить функцию .animate в jQuery навсегда?
-
05-07-2019 - |
Вопрос
$(this).css("left","100px");
function endless(){
$(this).animate({
left:'-=100px',
},{
easing: "linear",
duration: 5000,
complete: function() {
$(this).css('left','100px');
endless();
}
});
};
endless();
Это то, что я пробовал, но, используя этот подход, я не могу сдвинуть дело с мертвой точки.Я использую jQuery 1.3.2.Есть какие-нибудь предложения?
Решение
У вас есть параметры для анимации неправильно. Он не требует хэша опций, а только фактических опций для замедления, продолжительности и обратного вызова. Кроме того, вы должны быть осторожны при использовании this
. Лучше передать его в качестве аргумента бесконечной функции.
$(this).css("left","100px");
function endless(elem){
$(elem).animate(
{ left:'-=100px' },
"linear",
5000,
function() {
$(elem).css('left','100px');
endless(elem);
}
);
};
endless(this);
Другие советы
Вам нужно вызвать endless () из обратного вызова.
function endless(item) {
$(item).animate({"left": "-=100px"}, 5000, "linear", function(){
$(item).css("left","100px");
endless(item);
});
}
endless($(".myBox"));
Вам необходимо заменить $ (this)
на селектор элемента, который вы хотите анимировать.
Отлично!это именно то, что я искал, но теперь,
я наконец-то понял, как его переключить.с помощью следующей функции вызовите endless(0) для остановки и endless(1) для включения цикла анимации.
//loop animation forever
//args: takes 1 to loop, 0 to stop
function endless(loop)
{
//animate forever
if (loop==1)
{
$('#alink').animate(
{'opacity':'toggle'},
1000,
function () { endless(1) }
);
}
//stop animation
else
{
$('#alink').css('opacity',1).stop();
}
};
//sample call
$('#alink').toggle(function(){ endless(1) },function(){ endless(0) });
спасибо за исходный код!