0

テーブル内に jPicker を追加しようとしています<td>。この方法で EJS を使用してテーブルを作成します。

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

最後に、カラー ピッカーのtdを追加します。spanjPicker のコードは次のとおりです。

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

これが EJS テーブル内で機能しないのはなぜですか? 通常のテーブルでチェックしたところ、機能しています。

4

1 に答える 1

0

一致する要素がない.Alpha場合、そのコードの実行時に要素がまだ存在しないことが原因である可能性があります。

$('.Alpha').jPicker()コードがejs ファイルのテーブルの後にあることを確認$(document).ready()するか、DOM の書き込みが完了するのを待ってから要素の一致を試みるようにするために、内部または同様の方法でラップしていることを確認してください。

$(document).ready(function(){
    $('.Alpha').jPicker({
        window: {
            expandable: true
        }
    });
});
于 2016-11-05T11:13:39.793 に答える