Question

我正在为jquery link使用一个名为minicolors的插件。我试图在这里添加一个颜色选择器（在2个地方，一个div和表只是为了测试）点击按钮，似乎它只适用于第二个按钮点击，第一个只是返回一个空输入框。 / p>

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

将Jquery插件附加到文档

1 个答案: