새로운 바인드 후 jscolor valueElement가 무시되었습니다. 색상 선택기 스크립트를 사용하고 있습니다.

Question

외부 요소를 연결하려고하면이 문제가 나타납니다 (작성자의 예는 여기 http://jscolor.com/try.php#linking-foreign-elements입니다). 버튼을 눌러 다른 입력 필드를 추가 할 수있는 posibillity를 지정하고 싶습니다. 그런 다음 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에 존재하지 않았기 때문에 JS는 새 요소를 볼 수 없습니다.

사실 당신이 준 링크의 다음 항목이 이에 해당됩니다.

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