javascript - 无法调用未定义的方法“farbtastic”

Question

我正在尝试在插件中包含 farbtastic colorpicker。但是，似乎无法调用 id 并且我收到以下错误：

无法调用未定义的方法“farbtastic”

我的代码：

wp_register_script( 'gap_farbtastic', gap_url . 'admin/js/farbtastic.js');
        wp_enqueue_script('gap_farbtastic');

    <form>
    <input type="text" id="color" name="color" value="#123456" />
     </form>             
   <div id="colorpicker"></div>

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

包含了 js 文件，但是无法调用该方法。怎么了？