JQuery Loop Issue - PullRequest
       10

JQuery Loop Issue

2 голосов
/ 06 декабря 2011

Не могли бы вы взглянуть на этот код и сообщить мне, что случилось?По сути, это div, который должен fadeIn и fadeOut между 2 значениями и повторять это непрерывно.Кроме того, div должен быть активным во время анимации.

Любая помощь приветствуется!

Что должен делать код:

$("#p16-1-next").show(p16loop());
$(function(p16loop) {
    Fadeto 50%
    FadeTo 10%
    Repeat fade sequence    
});

Код, который я написал

$("#p16-1-next").show(p16loop());
$(function(p16loop) {
    $("#p16-1-next").fadeTo("slow", 0.5, function ()    {
        $("#p16-1-next").fadeTo("slow", 0.1, p16loop);  
    });
});

Ответы [ 2 ]

3 голосов
/ 06 декабря 2011

Это должно сделать это

$("#p16-1-next").show(p16loop);

function p16loop() {
    $(this).fadeTo("slow", 0.5, function ()    {
        $(this).fadeTo("slow", 0.1, p16loop);  
    });
};

Демо на http://jsfiddle.net/gaby/YeNG6/1/

1 голос
/ 06 декабря 2011

Как я писал в одном из ваших ранних вопросов: для цепочки анимаций нет необходимости использовать обратный вызов при завершении.

http://jsfiddle.net/HLjzz/1/

$("#p16-1-next").show(0, function p16loop () {
  $(this)
  .fadeTo("slow", 0.5)
  .fadeTo("slow", 0.1, p16loop);
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...