jqueryカラーピッカーホバー要素

Question

ホバークラスのヘルプが必要です。

コードを見ると、要素を移動する必要がありますが、残念ながら色は変わりません。すべてのことを機能させる方法はありますか？

私はコードを踏襲しています

$('#color_mix_menu_top').ColorPicker({ 
    color: '#0000ff', 
    onShow: function (colpkr) { 
     $(colpkr).fadeIn(500); 
     return false; 
    }, 
    onHide: function (colpkr) { 
     $(colpkr).fadeOut(500); 
     return false; 
    }, 
    onChange: function (hsb, hex, rgb) { 
     $('#menu > ul > li:hover > a, #menu > ul > li > a:hover, #menu > ul > li > div').css('backgroundColor', '#' + hex); 
     $('#color_mix_menu_top').css('backgroundColor', '#' + hex); 
} 
}); 

Answer 1

あなたはログインしたり、jQueryのセレクタが動作していることを確認するために、デバッグしていますか？例：

console.log("" + $('#menu > ul > li:hover > a, #menu > ul > li > a:hover, #menu > ul > li > div').length) 

あなたが何か不足していないことを確認してください。その後、

Answer 2

大丈夫シンプルなソリューション：

$('#menu > ul > li > a, #menu > ul > li > div').data('bg', '#' + hex); 

その後、

$('#menu > ul > li > a').hover(function(){ 
    $(this).css('background', $(this).data('bg')); 
}, function(){ 
    void(0); 
}) 

、あなたがマウスアウトで色をリセットする場合：

var currBG; 
$('#menu > ul > li > a').hover(function(){ 
    currBG = $(this).css('background'); 
    $(this).css('background', $(this).data('bg')); 
}, function(){ 
    $(this).css('background', currBG); 
}) 

は、あなたがそれをに応じてビットを調整することができますあなたの必要性