Блог

у меня запущен текущий код

MyTry

что я хочу сделать, так это заставить анимацию идти в бесконечном цикле, как это сделать??

я хочу снова вызвать ту же функцию, или я не знаю, что

просто анимация повторяется снова и снова, когда заканчивается последний элемент

 (function($) {
$.fn.fade = function() {
        return this.each(function(index, item) {
            var $this = $(this).siblings();
            $(item).hide().stop();
            if ($(item).index() == $(this).siblings().length - 1) {
                $(item).delay(5000 * index).fadeIn('slow').delay(3500).fadeOut('slow', function() { 
                    /* here is the last element finishing  */
                });

            } else {
                $(item).delay(5000 * index).fadeIn('slow').delay(3500).fadeOut('slow');

            }
        });
    };
    
})(jQuery);
 $('.tst').fade();
  

РЕДАКТИРОВАТЬ: я оставил анимацию запущенной и пришел, чтобы проверить ответы
, поэтому я увидел странное поведение

как это исправить

Самый простой способ — присвоить функции имя и вызвать ее снова: http://jsfiddle.net/pimvdb/SxTgy/4 /.

 $.fn.fade = function x() {
        var _this = this; // keep the 'this' value
  

После окончательной анимации вызовите x снова, передав this значение, которое оно имело:

 x.call(_this); // same as x() but it sets the 'this' value inside it correctly
  

Обратите внимание, что такие «выражения именованных функций» имеют определенные особенности в IE8- .

Попробуйте это (хотя вам придется адаптировать его к своей структуре плагинов):

 var elements = $('ul > li');
(function fade(idx) {
  $(elements).eq(idx || 0).fadeIn(1500).fadeOut(1500, function () {
    fade(idx < elements.length - 1 ? idx   1 : 0);
  });
}());