jQueryの - backgroundColorのアニメーションが実行していない（色LIBを含む）

Question

Iは、ヘッダにjQueryのカラーアニメーションライブラリ（http://www.bitstorm.org/jquery/color-animation/）が含まれている、同様にまた、jQueryのUIライブラリを試みました。私が何をしても、backgroundColorアニメーションを再生することはできません。

• SRC = "code.jquery.com/jquery-2.1.4.min.js"

• SRC = "// cdn.jsdelivr.net/jquery.color：そうのような付属 -animation/1/mainfile "

（スクリプトタグは使用していますが、ここではstackoverflowで投稿できません）。

私のコード：（幅など）

$("#section__info__what").hover(function() { 
    $(profileWhatPathlines).animate({ 
    backgroundColor: "#FFBF28" 
    }, 1000); 
} 

他のアニメーションは、罰金私が欲しいだけではない色のアニメーションを実行します。また、同じ問題でコードを実行するための他の要素のホストを試してみました。

誰でも正しい方向に向けることができますか？

乾杯、

ディーン

EDIT： "profileWhtPathlines" に対応するには、IDを参照し、いくつかの他の変数の変数consisitingあります。ランダムなIDを入れても同じ問題です（例： "#demo"）。アニメーションは（幅のように）実行されますが、色は実行されません。それで、変更する必要があるものは見つけ出しますが、色の部分を実行したくありません。

Answer 1

あなたはjquery.animate-colors.jsに AFTER jquery.jsを含むことがありますか？

私には正常に動作します例：それを修正https://jsfiddle.net/7ggq3dka/

<!--jQuery loaded first --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<!-- Then color animation plugin --> 
<script src="//cdn.jsdelivr.net/jquery.color-animation/1/mainfile" 

Answer 2

Well .. jQueryアニメーション機能の説明を確認しました。文字列値はアニメーションできません。（「背景色：赤」など）。

あなたはここで、アニメーション機能を使用することができますすべてのプロパティを、見つけることができます：ここでhttp://www.w3schools.com/jquery/eff_animate.asp

は私のソリューションです：

HTML：

<a href="#" id="section__info__what"> 
    <div id="example"></div> 
</a> 

JS：

$(function() { 
    $('#section__info__what').hover(function() { 
     $('#example').css({ 
      'background-color':'#FFBF28', 
      'width': '150px' 
     }); 
    }, function() { 
     // on mouseout, reset the color 
     $('#example').css({ 
      'background-color':'#000', 
      'width': '100px' 
     }); 
    }); 
}); 

とCSS：

#example { 
    background-color: #000; 
    width:100px; 
    height:100px; 
    -webkit-transition: all 1s ease; 
    transition: all 1s ease; 
} 

私は、CSS transitionプロパティを使用してアニメーションを作成しました。ここで

はデモです：https://jsfiddle.net/8b1d1u0p/1/

Answer 3

。問題は、HTMLのどこかでjQueryの別のバージョンを読み込んでいたことでした。つまり、実際にはこれを行いました：jQueryをロードし、coloranimationlibをロードし、jQueryをロードします。私はそれを削除した後にうまく動作/アニメーションライブラリを2度目に含めました。助けてくださってありがとうございました。