カラーピッカーがダイナミックHTMLテーブルに追加されない

Question

HTMLにカラーピッカーを追加しようとしていますが、動作していません。

フィドル：

https://jsfiddle.net/csgn6051/2/

ここでは私のコードです：

HTML

<button id="add"> 
    Add to table 
</button> 
</button> 
<table id="points-table" border="1"> 
    <tr> 
    <td>line-item</td> 
    <td>color-picker</td> 
    </tr> 
</table> 

のjQuery： -

$(document).ready(function() { 

$('#add').click(function() { 
    alert('clicked') 
    $('#points-table tr:last').after('<tr>' + '<td>1</td>' 

     + '<td> <input class="jscolor" value="ab2567"/> </td></tr>'); 

    }) 


}) 

Answer 1

あなたが取得する必要があります色の値は.val()を使用し、それを変数に代入します。次に、変数firを表の入力値として使用します。

は、あなたの場合にはフィドルhttps://jsfiddle.net/csgn6051/5/

$(document).ready(function() { 
$('#add').click(function() { 
    var color = $('#color').val(); 
    $('#points-table tr:last').after('<tr>' + '<td>1</td>' 
     + '<td> <input class="jscolor" value="'+color+'"/> </td></tr>'); 

    //This part below came from the comment by A. Wolf 
    new jscolor($('#points-table tr:last').find('.jscolor')[0]) 
    }) 
}) 

Answer 2

を参照してください、あなたはこのように色の値を取得することができます。 $（ 'jscolor。'）のval（）;。

しかし、私はあなたのIDを使用することをお勧めします。