jQueryカラーピッカーオン関数が失敗します。

Question

Hey all。私はjQueryのcolorPickerを私のWebページに追加しました。私はそれの第4の例を実装しようとしています。このページで見つけることができます。私の実装後

http://www.eyecon.ro/colorpicker/#about

、すべてのものの場合はColorPickerで追加されたオプションを除いて動作します。私は標準色とonShowを変更することはできませんonHide & onChangeは決して発火しません。

誰でも見ることができますか？ここで

は私のコードです：

jQuery('document').ready(function(){ 
$('#colorSelector').ColorPicker({ 
color: '#0000ff', 
onShow: function (colpkr) { 
    $(colpkr).fadeIn(500); 
    return false; 
}, 
onHide: function (colpkr) { 
    $(colpkr).fadeOut(500); 
    return false; 
}, 
onChange: function (hsb, hex, rgb) { 
    $('#colorSelector div').css('backgroundColor', '#' + hex); 
} 
}); 

}）;

<div class="settings-color"><div id="colorSelector"></div></div> 

を追加しましたスクリプト：ここ

とは、コード実装の残りの部分だ

<script type="text/javascript" src="http://www.google.com/jsapi"></script> 

google.load（ "jqueryの"、 "1.4.2"）; google.load（ "swfobject"、 "2.2"）; swfobject.embedSWF（ "signaturetool.swf"、 "tool"、 "490"、 "700"、 "9.0.0"、 "expressInstall.swf"、null、{allowScriptAccess： "always"、align： "中間 "}、{id："署名ツール "、名前："署名ツール "}）; - >

<script type="text/javascript" src="js/eye.js"></script> 
<script type="text/javascript" src="js/utils.js"></script> 
<script type="text/javascript" src="js/layout.js?ver=1.0.2"></script> 

私はjQueryの1.3.2とjQuery 1.4.2の両方で試してみました。私はまた、swfobjectをしばらくの間、他のCSSオプションを削除してみました。それはすべて失敗するように見える、なぜ？

Answer 1

onChangeメソッドの場合、htmlには存在しない$('#colorSelector div')にスタイルルールを適用しようとします。

他の方法については、私は彼らがまだ発火したと思いますが、あなたはそれを感じないだけです。

Answer 2

正しい設定がlayout.jsファイルにあり、そのためindex.phpファイルで応答しなかったのです。私がlayout.jsで自分の関数を適用すると、すべてがうまくいった。