사용자 지정 스타일 확인란이 동적으로로드하는 내용으로 스타일을로드하지 않음

Question

http://boedesign.com/blog/2008/06/08/imagetick-for-jquery/을 사용하여 확인란의 스타일을 지정합니다. 내 사업부의 구조는 다음과 같다 : 내 jQuery를에

<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> 

:

$(function() { 
        $("input[name='accept_1']").imageTick({ 
         tick_image_path: { 
          check_1: "/public/images/checkbox_full.png" 
          //"default": "images/gender/default_checked.jpg" //optional default can be used 
         }, 
         no_tick_image_path: { 
          check_1: "/public/images/checkbox_empty.png", 
          //"default": "images/gender/default_unchecked.jpg" //optional default can be used 
         }, 
         image_tick_class: "accept_1", 
        }); 
       }); 

      $(function() { 
        $("input[name='process_1']").imageTick({ 
         tick_image_path: { 
          check_1: "/public/images/checkbox_full.png" 
          //"default": "images/gender/default_checked.jpg" //optional default can be used 
         }, 
         no_tick_image_path: { 
          check_1: "/public/images/checkbox_empty.png", 
          //"default": "images/gender/default_unchecked.jpg" //optional default can be used 
         }, 
         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", 
    }); 
});