0

jqueryリンクにminicolorsというプラグインを使用しています。ここでカラーピッカーをボタンクリックで（2つの場所、divとテーブルで）追加しようとしていますが、2回目のボタンクリックでのみ機能し、最初は空の入力ボックスを返すだけのようです。

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

なぜこれが機能しないのか分かりません。

4

1 に答える 1

0

試す ：

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

于 2012-07-23T12:51:48.430 に答える