将Jquery插件附加到文档中

Append Jquery plugin to document

本文关键字：文档 Jquery 插件      更新时间：2024-01-20

我正在为jquery链接使用一个名为minicolors的插件。我试图在这里用按钮点击来调用一个颜色选择器（在两个地方，一个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>

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

尝试：

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

相关文章：