jquery - 自定义样式复选框不加载样式与动态加载内容

Question

我正在使用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({
                        滴答图像路径：{
                            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”，
                    });
                });

            $（函数（）{
                   $("input[name='process_1']").imageTick({
                       滴答图像路径：{
                           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: "process_1",
                   });
               });

我将通过 .load() 方法加载表的内容。但是复选框没有与图像一起设置样式。它仅在第一次页面加载时显示图像。之后现在显示。我怎样才能解决这个问题？

Answer 1

您需要在 .load 函数回调中调用您的插件：

$('#your_item').load(title, function(){
    $("input[name='accept_1']").imageTick({
        tick_image_path: { check_1: "/public/images/checkbox_full.png"},
        no_tick_image_path: { check_1: "/public/images/checkbox_empty.png"},
        image_tick_class: "accept_1",
    });

    $("input[name='process_1']").imageTick({
        tick_image_path: { check_1: "/public/images/checkbox_full.png"},
        no_tick_image_path: { check_1: "/public/images/checkbox_empty.png"},
        image_tick_class: "process_1",
    });
});