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 
     } 
    }); 
});