jquery .animayion()

[Enough1987]

Добрый день, подскажите пожалуйста почему не работает изменение цвета (backgroundColor и color)

$(function(){
 $('.nam2').animate({
	 'width' : '400px',
	 'height': '200px',
	 'color' : 'blue',
	 'backgroundColor' : 'red'
 }, 4000);
 
});//End ready

или

$(function(){
 $('.nam2').click(function(){
	 $(this).animate({
	 'width' : '400px',
	 'height': '200px',
	 'color' : 'blue',
	 'backgroundColor' : 'red'
 }, 4000);
 });//End click
});//End ready

Пробовал ставить background-сolor но оно как и колор просто не ставит его.

[Stilet]

'color' : 'blue'

Не знал что есть такие константы как blue... Всегда колор назначал через 16-ти ричное представление.

А что панель отладки говорит?

[Enough1987]

Сообщение от Stilet

Не знал что есть такие константы как blue... Всегда колор назначал через 16-ти ричное представление.

А что панель отладки говорит?

Консоль пустая, все нравится. Замечаний не пишет.

С помощью css() добавляет -

$(function(){
$('.nam2').click(function(){
$(this).css({
'color' : '#ffff00',
'background-color' : '#999999'}).animate({
'width' : '400px',
'height': '200px',
'color' : '#ffff00',
'backgroundColor' : '#999999'
}, 4000);
});//End click
});//End ready

или

$(function(){
$('.nam2').click(function(){
$(this).css({
'color' : 'yellow',
'background-color' : '#999999'}).animate({
'width' : '400px',
'height': '200px',
'color' : '#ffff00',
'backgroundColor' : '#999999'
}, 4000);
});//End click
});//End ready

а с помощью .animate() не хочет

$(function(){
$('.nam2').click(function(){
$(this).animate({
'width' : '400px',
'height': '200px',
'color' : '#ffff00',
'backgroundColor' : '#999999'
}, 4000);
});//End click
});//End ready

[mv28jam]

Атлично работает

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>



<div class="nam2"> iiiiiiiii</div>

<script>

$(function(){
$('.nam2').click(function(){
$(this).animate({
'width' : '400px',
'height': '200px',
'color' : '#ffff00',
'backgroundColor' : '#999999'
}, 1000);
});//End click
});//End ready

</script>

[Enough1987]

Сообщение от mv28jam

Атлично работает

Не могу понять почему у меня тогда не работает? ((

<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
вот версия jquery/

П.с. так же почему то проблемы и с toggle() возникают

$(function(){
 $('#button').toggle(function(){
	 $('#ruff').fadeOut(2000); 
	 $(this).css({
		 'background-color': 'red'
		 });
   }, function () {	 
     $('#ruff').fadeIn(2000);
     $(this).css({
		 'background-color':'green'
	      });
  });//End toggle()
 });//End ready()

Исчезает кнопка хотя по теории то fadeOut() я применяю к элементу ((

[mv28jam]

Не могу понять почему у меня тогда не работает? ((

<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
вот версия jquery/

А ui где? Анимация - это часть отдельной билиотеки jQuery UI(http://jqueryui.com/).

<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

П.с. так же почему то проблемы и с toggle() возникают

Он тоже в библиотеке jQuery UI.

[Naive]

Сообщение от mv28jam

А ui где? Анимация - это часть отдельной билиотеки jQuery UI(http://jqueryui.com/).

<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

Он тоже в библиотеке jQuery UI.

Нет. Toggle и animate вшиты в ядро jQuery.

[mv28jam]

Нет. Toggle и animate вшиты в ядро jQuery.

Вай вай, не уточнил я - расширение...
http://api.jquery.com/animate/

Note: The jQuery UI project extends the .animate() method by allowing some non-numeric styles such as colors to be animated. The project also includes mechanisms for specifying animations through CSS classes rather than individual attributes.

[Человек_Борща]

Все проще же: http://jsfiddle.net/arhangelsoft/Ldd8m18d/1/
наведите на текст.

[Naive]

Сообщение от Человек_Борща

Все проще же: http://jsfiddle.net/arhangelsoft/Ldd8m18d/1/
наведите на текст.

+1, css анимации куда круче сделаны, ибо нативны для браузеров.