2016-08-10 5 views
0

У меня есть пункт меню, который анимируется в следующем скрипте, щелкнув ссылку, но я действительно хочу, чтобы анимация затухания фона начала запускаться после загрузки страницы (без необходимости щелчка по ссылке). Как изменить код в следующем скрипте для анимации после загрузки страницы?Как запустить анимацию() после загрузки страницы?

код у меня в настоящее время:

$("a").click(function(e) { 
    e.preventDefault(); 
    for (var i = 0; i < 2; i++) { 
    $("#menu-item-9032 a") 
     .animate({ backgroundColor: "#00afee", color: "#363a47" }, 2000) 
     .animate({ backgroundColor: "transparent", color: "#363a47" }, 2000); 
    } 
}); 

http://jsfiddle.net/Fe8Jy/500/

Если я заменяю $("a").click(function(e) { с $(document).ready(function() { ничего не происходит, что я делаю не так?

+0

Вы уже проверили консоль браузера на наличие ошибок? Если вы оставите первую строку функции неизменной, то, вероятно, она жалуется, что нет 'e', что вы могли бы называть любые методы ... – CBroe

+0

И для чего нужен цикл' for'? – CBroe

+0

@CBroe Я предполагаю, что он дважды пульсирует. – mpen

ответ

1

Возможно, вы создали синтаксическую ошибку. Код прекрасно работает с JQuery готов:

http://jsfiddle.net/tks2sobo/

$(function() { 

    for (var i = 0; i < 2; i++) { 
     $("#menu-item-9032 a") 
      .animate({ backgroundColor: "#00afee", color: "#363a47" }, 2000) 
      .animate({ backgroundColor: "transparent", color: "#363a47" }, 2000); 
    } 
}); 
+0

Любые идеи, почему цвет фона, который он исчезает, кажется белым, когда он должен быть прозрачным? – Metzed

+0

@Metzed Не уверен ... Я думаю, что анимация jQuery неправильно поддерживает 'transparent'? Вы можете попробовать с помощью 'rgba' или вы можете поместить текст в другой элемент и исчезнуть с помощью' opacity'. – mpen

+0

См. [Этот ответ] (http://stackoverflow.com/a/14362680/65387) – mpen

Смежные вопросы