javascript - 通过单击事件或将包含jscolor的sample.html加载到div中来创建jscolor

我试图通过单击div使用jscolor创建颜色选择器，但这种方法不起作用。

<div id='aa'>make anohter</div>
<div id='bb'></div>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jscolor/jscolor.js"></script>
<script>
$( "#aa" ).click(function() {
    document.getElementById("bb").innerHTML = "<input class='color'>";
});
</script>

我在该div中创建了一个输入，但没有jscolor。
我本来想在div上使用.load（'sample.html'），sample.html有一个颜色选择器，但是它也不起作用。
我尝试了很多东西，但只有这样似乎有效：

$('#somediv').click(function(){
$('#colorpicker').appendTo( "#newplace" )};

但随后它将删除#colorpicker，这将使我的单击仅起作用一次。我尝试使用克隆方法，但是没有用。提前致谢！

最佳答案

$("#aa").click(function() {
  document.getElementById("bb").innerHTML = "<input class='color'>";
  jscolor.installByClassName('color');
});

#aa {
  cursor: pointer;
}

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

<div id='aa'>Show JS color pickr</div>
<div id='bb'></div>

关于javascript - 通过单击事件或将包含jscolor的sample.html加载到div中来创建jscolor，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20535157/