新綁定後忽略jscolor valueElement

Question

我使用着名的http://jscolor.com/顏色選擇器腳本。

當我嘗試鏈接外部元素時（這裏是作者的示例http://jscolor.com/try.php#linking-foreign-elements），會出現此問題。 我想讓用戶通過按下按鈕添加另一個輸入字段，所以在此之後，會出現class =「color {valueElement：'myValue'}」的新輸入字段，但腳本會忽略它，常規jscolor輸入字段（沒有'鏈接到外部元素'選項）。

$("input[id=p1]").after('<input class="color {valueElement:\'myValue\'}" id="plus" type="text" name="color[]" required />'); 
    new jscolor.color(document.getElementById('plus'), {}) 

有什麼想法？ 在此先感謝

Answer 1

您需要綁定您添加的新輸入字段。否則，您的JS無法看到新元素，因爲它在運行時不存在於DOM中。

事實上，你給的鏈接上的下一個條目處理這個。

http://jscolor.com/try.php#manual-binding