http://boedesign.com/blog/2008/06/08/imagetick-for-jquery/を使用してチェック ボックスのスタイルを設定しています。私のdiv構造は次のようなものです:
<table>
<thead>
<tr>
<th>Check1</th>
<th>Check2</th>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr>
<td><input class="accept" type="checkbox" value="check_1" name="accept_1" id="accept1"></td>
<td><input class="process" type="checkbox" value="check_2" name="process_1" id="process1"></td>
<td>donald</td>
</tr>
</tbody>
</table>
私のjQueryでは:
$(関数() { $("input[name='accept_1']").imageTick({ tick_image_path: { check_1: "/public/images/checkbox_full.png" //"default": "images/gender/default_checked.jpg" //オプションのデフォルトを使用できます }、 no_tick_image_path: { check_1: "/public/images/checkbox_empty.png", //"default": "images/gender/default_unchecked.jpg" //オプションのデフォルトを使用できます }、 image_tick_class: "accept_1", }); }); $(関数() { $("input[name='process_1']").imageTick({ tick_image_path: { check_1: "/public/images/checkbox_full.png" //"default": "images/gender/default_checked.jpg" //オプションのデフォルトを使用できます }、 no_tick_image_path: { check_1: "/public/images/checkbox_empty.png", //"default": "images/gender/default_unchecked.jpg" //オプションのデフォルトを使用できます }、 image_tick_class: "プロセス_1", }); });
.load() メソッドを介してテーブルの内容をロードします。ただし、チェックボックスは画像でスタイル設定されていません。最初のページ読み込み時にのみ画像を表示します。その後表示されるようになりました。どうすればこれを修正できますか?