2012-04-06 4 views
0

В следующем коде действует animate() в click(). Однако animate() или pulse() (при раскомнировании) в mouseenter() тоже не работает. pulse() функция обеспечивается Jarrod Overson ...jQuery animate() pulse() не работает

http://jarrodoverson.com/static/demos/jquery.pulse.html

sectionTitle = $j(this).find(".sectionTitle"); 
    sectionTitle.click(function(){ 
    if($j(this).parent().height() == sections[$j(this).parent().attr("id")]["height"]){ 
     origHeight = sections[$j(this).parent().attr("id")]["origHeight"]; 
     $j(this).parent().animate({height:origHeight},"slow"); 
    }else{ 
     height = sections[$j(this).parent().attr("id")]["height"]; 
     $j(this).parent().animate({height:height},"slow"); 
    } 
    }) 
    sectionTitle.mouseenter(function(){ 
    var properties = { "color" : '#F00' }; 
    // $j(this).pulse(properties, 500, 3); 
    $j(this).animate({"background-color":'#F00'},"slow"); 
    }) 

Живой пример моего кода здесь. http://fantasticvisions.net/test/me/

Классы sectionTitle применяются к ряду элементов H2 на приведенной выше странице. При нажатии на них содержимое будет расширяться, используя jQuery animate(). Однако ошибка mouseenter().

Что мне здесь не хватает? Я попробовал несколько других вариантов этого, и никто не работает. Событие mouseenter() срабатывает, и код выполняется (я проследил это), но эффект никогда не происходит.

+1

Что мне здесь не хватает? Как мы можем ожидать, что '.pulse()' будет работать, когда вы его закомментируете? Я имею в виду, если вам нужна помощь, возможно, предоставление демонстрации фактического кода без критических разделов будет лучше. – Sparky

+1

Sparky672, вы немного в курсе. Пожалуйста, перечитайте сообщение. В нем конкретно упоминается, что pulse() (при раскомментировании) не работает. Это значит, что вы, в свою очередь, прокомментируете анимацию. Также сообщение также представляет живой пример, но так как вы пропустили его в первый раз, вот он снова. http://fantasticvisions.net/test/me/ – leoplaw

+0

Поскольку вы пропустили эту часть моего комментария, здесь это снова: _ «если вам нужна помощь, возможно, предоставление демонстрации фактического кода ** без критических разделов * * было бы лучше ». 'pulse' четко прокомментирован в [вашем живом примере] (http://fantasticvisions.net/test/me/). Если вам нужна помощь, отправьте правильный пример. http://sscce.org/ – Sparky

ответ

1

.animate() не работает, потому что jQuery сам по себе не поддерживает анимацию цветов.

Если вы включили пользовательский интерфейс jQuery или плагин цветной анимации, это должно сработать.

+0

Спасибо JeffB! Вот и все. 8) – leoplaw

+0

.pulse() теперь также работает. – leoplaw