Question

我想使用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');
    });
});

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

单击按钮后以生成的形式显示jscolor

1 个答案: