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() メソッドを介してテーブルの内容をロードします。ただし、チェックボックスは画像でスタイル設定されていません。最初のページ読み込み時にのみ画像を表示します。その後表示されるようになりました。どうすればこれを修正できますか?