-1

コンテンツを Div に追加しています。

divが追加されたときに背景色を変更したいと思います。

div がデフォルトで緑の場合、追加すると、色がゆっくりと青に変わり、再びデフォルトの緑に戻ります。

これが私のフィドルです：

http://jsfiddle.net/MbSH7/15/

これが私がこれまでに試したことです。ここにコードを提供します：

Jクエリ:

$('#add').click(function (){        
   $('.main_container').append('<div  class="container"> this is a Test</div>').animate({ "background-color": "blue" }, 900, "linear").delay().fadeIn(500).animate({ "background-color": "green" }, 900, "linear").delay().fadeIn(500);       

});

HTML:

<div class="main_container" >        
    <div class="container"> this is a Test</div>        
</div>    
<a href="javascript:void(0);" id="add">Add</a>

CSS:

.container 
{ 
  width:400px; 
  background-color:green; 
  color:white;  
  margin:2px;
}
.main_container 
{ 
  width:400px;
}
4

1 に答える 1

2

jQuery は色をアニメーション化しません。カラー アニメーションを含むように jQuery を拡張した jQuery UI を含めるか、次のような jQuery カラー プラグインを使用する必要があります: https://github.com/jquery/jquery-color/

デモ

また、追加はコンテンツではなくラッパーを返すため、次のようになります。

   $container = $('<div  class="container"> this is a Test</div>');
   $('.main_container').append($container);
   $container.doStuff

いいえ

   $('.main_container')
   .append('<div  class="container"> this is a Test</div>').doStuff

あなたのフィドルにプラグインが含まれていませんでした。私のデモが機能する理由は次のとおりです。 プラグインが必要

于 2013-11-07T04:30:21.040 に答える