javascript - 单击按钮后以生成的形式生成jscolor

我想使用jscolor进行颜色输入http://jscolor.com/，但是如果需要，我无法在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');
    });
});

最佳答案

快速浏览jscolor JS文件后，如果要动态将颜色选择器附加到元素，则需要调用jscolor函数：

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

<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>

关于javascript - 单击按钮后以生成的形式生成jscolor，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40910621/