在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元素，这可能是因为该代码运行时尚不存在。

确保您的$('.Alpha').jPicker()代码在之后来自ejs文件中的表格，或者您正在$(document).ready()内部或类似地包裹，以确保它等待DOM在尝试匹配其中的元素之前完成写作，例如：

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