탭 끝에 이미지 추가시 문제가 발생했습니다.

Question

내 탭 스크립트에 장바구니라는 버튼을 추가하려고합니다. 확인란을 클릭하면 새 단추가 제어됩니다. (보여 주다). 이미지가 왜 보이지 않는지 혼란스러워합니다. 어떤 대답이 도움이 될 것입니다.

감사합니다.

$(function() { 
    var $tabs = $('#tabs').tabs({cookie:{expires:1}}); 

    $(".ui-tabs-panel").each(function(i){ 
     var totalSize = $(".ui-tabs-panel").size() - 1; 

     var prevImage = "custom/images/prev.png"; 
     var nextImage = "custom/images/next.png"; 
     var atcImage = "custom/images/cart.jpg"; 

     if (i != 0) { 
     prev = i; 
     $(this).append("<img href='#' class='prev-tab mover' rel='" + prev + "' src='" + prevImage + "'></img>"); 
     } 
     if (i != totalSize) { 
     next = i + 2; 
     $(this).append("<img href='#' class='next-tab mover' rel='" + next + "' src='" + nextImage + "'></img>"); 
     } 
    if (i > 1) { 
     atc = i + 2; 
     $(this).append("<img href='#' class='atc-tab mover' rel='" + next + "' src='" + atcImage + "'></img>"); 
     } 
$('input[name=FIELD_469]').click(function() { 
    if (this.checked) { 
    $("img[src*=cart]").show(); 
} 
else { 
    $("img[src*=cart]").hide(); 
     } 
    }); 


    $('.next-tab, .prev-tab, .atc-tab').click(function() { 
     $tabs.tabs('select', $(this).attr("rel")); 
     return false; 
    }); 
}); 

Answer 1

죄송 복사 코드 때문에 나는 내 등급의 낮은 수준의 설명을 요청할 수는 없지만, 내가 눈치 일부의 recomendations 한 몇 가지가있다.

1)과 같아야합니다 귀하의 선택 'IMG [SRC ~ = "장바구니"]' http://api.jquery.com/attribute-contains-word-selector/

2) 이미지, 당신은 '.mover'선택 사용할 수있는에만 클래스 '무버'를 사용하는 경우 그렇지 않으면 새로운 클래스 이름을 추가하십시오.

3)을 console.log ($ ("선택")) (도구 -> Developer를 사용하여 구글 크롬와 JQuery와 객체를 테스트 도구 -> 콘솔)

4) 나는 그렇지 '이'를해야한다고 생각 하지만 $ (이)

$('input[name=FIELD_469]').click(function() { 
    if (this.checked) { 
    $("img[src*=cart]").show(); 
} 

권고는, 양호하게 볼 수있는 예와 양식에 대한 자세한 정보를 제공하시기 바랍니다 도움이되지 않는 경우. 감사합니다