與jquery colorpicker插件的問題

我搞砸colorpicker plugin for jquery，發現雖然示例html頁面正常工作，但我似乎無法讓它在我的test.html文件中工作。與jquery colorpicker插件的問題

這工作：

$('#colorPick').ColorPicker({flat: true});

但這並不（包括整個測試的HTML頁面的上下文中）：

<head> 
     <link rel="stylesheet" href="css/colorpicker.css" type="text/css" /> 
    <title>Holy Crap what a Test!</title> 
     <script type="text/javascript" src="js/jquery.js"></script> 
     <script type="text/javascript" src="js/colorpicker.js"></script> 
<link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> 

<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script> 

</head> 
<body> 
<span id="colorPick" style="background-color: #0000ff"> &nbsp; </span> Test color picker 
<script type="text/javascript"> 

$(document).ready(function() { 
     $('#colorPick').ColorPicker({ 
       color: '#0000ff', 
       onSubmit: function(hsb, hex, rgb, el) { 
         $(el).val(hex); 
         $(el).ColorPickerHide(); 
       }, 
       onBeforeShow: function() { 
         $(this).ColorPickerSetColor(this.value); 
       } 
     }) 
}); 


</script> 
</body> 
</html>

基本上當我沒有平坦的：真正的參數中的功能失敗了，螢火蟲透露，在第二個例子中，插件實際上在文檔上放置了一個隱藏的div，這大概是等待被隱藏的顏色選擇器。但沒有任何按鈕顯示出來。

我試着放置& NBSP跨度裏面有這樣我就有事去點擊，這並沒有透露拾色器，但它並在JavaScript控制檯中顯示消息「山坳是未定義」

從示例中複製和粘貼代碼也會失敗。我希望這裏的解決方案對某個人來說很明顯。

謝謝！

來源

2010-07-12 Holy Crap

根據你的代碼，它不應該是。
試試這個

<html> 
<head> 
     <link rel="stylesheet" href="css/colorpicker.css" type="text/css" /> 
    <title>Holy Crap what a Test!</title> 
     <script type="text/javascript" src="js/jquery.js"></script> 
     <script type="text/javascript" src="js/colorpicker.js"></script> 
<link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> 

<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script> 

</head> 
<body> 
<input type="text" id="colorPick" value="00ff00" />Test color picker 
<script type="text/javascript"> 

$(document).ready(function() { 
     $('#colorPick').ColorPicker({ 
       color: '#0000ff', 
       onSubmit: function(hsb, hex, rgb, el) { 
         $(el).val(hex); 
         $(el).ColorPickerHide(); 
       }, 
       onBeforeShow: function() { 
         $(this).ColorPickerSetColor(this.value); 
       } 
     }) 
}); 


</script> 
</body> 
</html>

設置側重於文本框將啓動選擇器，在選擇器的顏色選擇的十六進制代碼將被分配到該文本框。

來源

2010-07-12 05:48:24 Kai

這是有道理的。我試圖得到那個你點擊的小彩盒來調用選擇器。 – 2010-07-12 06:55:37

與jquery colorpicker插件的問題

回答

相關問題