用javascript调用farbtastic颜色选择器

Question

更新

我只是尝试调用 farbtastic 颜色选择器，所有脚本都包含在 Html 中。以下代码是一个以颜色选择器作为占位符的表单。如何调用我的 farbtastic 颜色选择器？我正在使用以下 javascript 代码。

enter code here <form action="controller.php" method="post" class="popupform" id="form_changecolor">

<div id="colorpicker"></div>

<table>
  <tr><th>huidige:</th><th>nieuwe:</th></tr>
  <tr><td><input type="text" name="oldcolor" disabled="disabled" id="oldcolor" />
  </td><td><input type="text" name="newcolor" id="newcolor" /></td></tr>
</table>
<div class="buttonrow">
  <input type="hidden" name="page" value="{$PAGE}" />
  <input type="hidden" name="module" value="changecolor" />
  <input type="hidden" name="id" id="parameter_key" value="" />
  <input type="submit" class="btnOk" value="Aanpassen" />
  <input type="button" class="btnCancel" value="Annuleren" />
</div>

enter code here // color picker.
$("#content").dblclick(function() {
    alert('color picker');
    $("#colorpicker").farbtastic("#color");
});

Answer 1

见Basic Usage on the plugin's site。

Answer 2

确保您的代码中有空的 div。并将 jQuery 脚本放在 farbtastic 脚本之前

<form>
   <label for="color">Color:</label>
   <input id="color" type="text" value="#123456" />
   <div id="colorpicker"></div>
</form>


<script type="text/javascript">
  $(function() {
      $("#colorpicker").farbtastic("#color");
  });
</script>