EJS 테이블에서 jPicker 사용

Question

내 테이블에 jPicker를 추가하려고합니다. <td>. 나는 색상 선택기에 대한 span을 추가하려면 마지막 td에서

<table> 
    <tr> 
     <td><%= setting[i].name %></td> 
     <td><span style="background-color: red" class="Alpha"></span></td> 
    </tr> 
</table> 

:이 방법으로 EJS을 사용하여 테이블을 만들 수 있습니다. jPicker의 코드는 다음과 같습니다.

$('.Alpha').jPicker({ 
    window: { 
     expandable: true 
    } 
}); 

왜 EJS 테이블에서 작동하지 않습니까? 난 그냥 일반 테이블에서 그것을 확인하고 작동합니다.

Answer 1

.Alpha 요소가 일치하지 않는 경우 해당 코드가 실행 중일 때 아직 존재하지 않기 때문일 수 있습니다.

당신의 $('.Alpha').jPicker() 코드가 EJS 파일에 테이블 후 온다, 또는 당신은 DOM이 예에서 요소를 일치하기 전에 기록되는 완료를 기다립니다 확인 $(document).ready() 또는 이와 유사한 내부 포장하고 있는지 확인 :

$(document).ready(function(){ 
    $('.Alpha').jPicker({ 
     window: { 
      expandable: true 
     } 
    }); 
});