javascript - 将 Jquery 插件附加到文档

Question

我正在为 jquery link使用一个名为 minicolors 的插件。我正在尝试通过单击按钮在此处添加一个颜色选择器（在 2 个地方，一个 div 和一个表仅用于测试），但它似乎只适用于第二个按钮单击，第一个只是返回一个空输入框。

        <script type="text/javascript">


            function addPicker() {

            $(document).ready( function() {
                            $(".colorpick").miniColors({
                change: function(hex, rgb) {

                    }
                });
            });

                var picker = "<input type= 'text' class='colorpick' size='6' autocomplete='on' maxlength='10' value='' />";

                $("#datatable > tbody").append("<tr><td>"+picker+"</td></tr>");
                $("#testdiv").append(picker);
            }



            </script>
            <div id="testdiv"></div>
            <button onclick =" addPicker();">Button</button>

不知道为什么这不起作用。

Answer 1

尝试 ：

  $(document).ready( function() {

       $('.addButton').click(function(){
           $("<input type= 'text' class='colorpick' size='6' autocomplete='on' maxlength='10' value='' />").appendTo("#datatable tbody").wrap('<tr><td></td></tr>');

           $('.colorpick').miniColors();
       });

  });​

现场演示：http: //jsfiddle.net/hCVpX/12/