jQueryの機能の問題

Question

私の簡単なjQの機能は、型にしようとしている

$("#qparamstitle").animateHighlight("red","color", 3000); 
$("#params").animateHighlight("red","border-color", 3000); 

のように呼び出すこと

$.fn.animateHighlight = function(highlightColor,type, duration) { 
    var highlightBg = highlightColor || "#FFFF9C"; 
    var animateMs = 1500; 
    this.stop().css(type, highlightBg).delay(duration).animate({ 
     type: "black" 
    }, animateMs); 
}; 

のように見えます。アニメーションを除くすべてがうまく動作します。私が間違ったこと、それをどうやって稼働させるのか？

Answer 1

{ 
    type: "black" 
} 

これは、キーが"type"のオブジェクトを作成しています。オブジェクトリテラルのキーとして変数を使用することはできません。

最初に変数を宣言し、値を[]で設定する必要があります。

$.fn.animateHighlight = function(highlightColor,type, duration) { 
    var highlightBg = highlightColor || "#FFFF9C"; 
    var animateMs = 1500; 
    var animateVal = {}; // declare object 
    animateVal[type] = 'black'; // set `type` value 
    this.stop().css(type, highlightBg).delay(duration).animate(animateVal, animateMs); 
}; 

Answer 2

あなたはjQueryのだけそれをサポートしていない、のjQuery UIがanimate colorsにできるようにする必要があります。

さらに、オプションオブジェクトをアニメーション機能に渡す方法は機能しません。あなたは関数の外でオブジェクトを作成し、オブジェクトを渡す必要があります：

$.fn.animateHighlight = function(highlightColor,type, duration) { 
    var highlightBg = highlightColor || "#FFFF9C"; 
    var animateMs = 1500; 
    // create objects for the animation options 
    var o = {}; 
    // using the array notation 
    // you can create a property of name "type" 
    o[type] = 'Black'; 
    this.stop().css(type, highlightBg).delay(duration).animate(o, animateMs); 
}; 

DEMO