jscolor一個按鈕後生成的表單點擊

Question

我想用彩色輸入http://jscolor.com/一個jscolor，但我不能在JavaScript生成的表單使用該插件，而點擊一個按鈕，如果我需要：

//this works 
<script type="text/javascript" src="js/jscolor.js"></script> 
<input id="theinput" /> 

使用Javascript：

$(document).ready(function() { 
    $('#theinput').addClass('jscolor'); 
}); 

但這不起作用：

<input id="theinput" /> 
<button id="thebutton">Add Color Propety</button> 

的Javascript ...

$(document).ready(function() { 
    $('#thebutton').click(function() { 
     $('#theinput').addClass('jscolor'); 
    }); 
}); 

Answer 1

的jscolor JS文件的快速審查後，你需要調用jscolor功能，如果你想要的顏色選擇器動態地附加到一個元素：

$(document).ready(function(){ 
 
\t $('.thebutton').on('click', function(){ 
 
\t \t var myColor = new jscolor($('#theinput')[0]); 
 
\t }); 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.0.4/jscolor.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<input id="theinput" /> 
 
<button class="thebutton">Add Color Propety</button>