javascript - 在 EJS 表中使用 jPicker

Question

我正在尝试在我的表中添加一个 jPicker <td>。我以这种方式使用 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
        }
    });
});