jQuery拾色器on-functions失敗

嘿，所有。我已經將jQuery colorPicker添加到了我的網頁，並試圖實現它的第四個示例。你可以在這個頁面上找到它。jQuery拾色器on-functions失敗

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

我實施後，一切正常，除ColorPicker中添加的選項。我無法更改標準顏色和onShow，onChange & 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：」signaturetool「，名稱：」signaturetool「}）; - >

<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選項。這一切似乎都失敗了，爲什麼？

來源

2010-12-14 Marc

對於onChange方法，它嘗試將樣式規則應用於$('#colorSelector div')，該規則不存在於您的html中。

對於其他方法，我猜他們仍然會觸發，只是你感覺不到。

來源

2010-12-14 11:33:02 tshao

＃colorSelector div附加在JavaScript文件中，因此div存在。我已經測試過它，如果我例如放置警報（'hello world'），它根本不會觸發。在任何on-functions中。 – Marc 2010-12-14 11:38:24

但腳本doens't追加div #colorSelector div內。主要問題在這裏：/ – Marc 2010-12-14 11:42:37

正確的設置在layout.js文件中，這就是爲什麼它沒有響應index.php文件。當我在layout.js中應用我的函數時，一切都奏效了。

來源

2010-12-14 16:59:43 Marc

jQuery拾色器on-functions失敗

回答

相關問題