在EJS表中使用jPicker

Question

我正在試圖在我的表<td>內添加一個jPicker。我創建以這種方式使用EJS表：

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

在過去td我添加span的顏色選擇器。對於jPicker的代碼是這樣的：

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

這是爲什麼不EJS表內工作？我只是在普通表格中檢查過它，它正在工作。

Answer 1

如果沒有.Alpha元素正在匹配，這可能是因爲代碼運行時還沒有。

確保表在EJS文件後，您$('.Alpha').jPicker()代碼來，或者說你在裏面$(document).ready()或類似的包裝，以確保它等待DOM完成試圖匹配在它如元素之前被寫入：

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