2011-07-17 3 views
1

안녕하세요 jquery tipsy 플러그인 색상 견본 이미지 위에 색 이름을 표시하려면 사용하고 있습니다.jquery 팁이 없습니다 onclick IE

사용자가 이미지를 클릭 할 때 확인란을 선택/선택 해제하려고합니다.

$(document).ready(function(){ 
    $('.label_check_colour').click(function(){ 
     setupLabelColour(); 
    }); 
} 

function setupLabelColour() { 
    if ($('.label_check_colour input').length) { 
      $('.label_check_colour').each(function(){ 
       $(this).removeClass('c_on'); 
      }); 
$('.label_check_colour input:checked').each(function(){ 
    $(this).parent('label').addClass('c_on'); 
     });     
    }; 
}; 

HTML

<div class="selectableSwatch"> 
     <label class="label_check_colour" for="colour_1"><input type="checkbox" id="colour_1" name="colour_id[]" value="1" /><img class="colour_tip_1" width="20" src="img/colour-palette/1" /></label> 
</div> 

모든 파이어 폭스와 사파리에 큰하지만 IE8에서 작동합니다.

도움말 ...하시기 바랍니다.

+0

사용중인 CSS 스타일이 IE8에서 올바르게 작동하는지 확인 했습니까? – ipr101

+0

예 색상 견본 이미지의 오른쪽을 클릭 할 수 있기 때문에 모든 정확한 스타일로 onclick (확인란)이 적용됩니다. 그 팁키 플러그인처럼 요소의 맨 위에 있으며 그것을 클릭하게 내버려 두지 않습니다. –

답변

0

이에 조건 경우 일을 변경 시도,

if ($('.label_check_colour input').length>0) { 

당신은 setupLabelColour 기능

function setupLabelColour() { 
    if ($('.label_check_colour input').length) { 
      $('.label_check_colour').each(function(){ 
       $(this).removeClass('c_on'); 
      }); 
     $('.label_check_colour input:checked').each(function(){ 
      $(this).parent('label').addClass('c_on'); 
     });     
    } 
} 

에서 원치 않는 세미 콜론이 있고 문서 준비 함수의 닫는 괄호가 없습니다. 전체 코드는 http://jsfiddle.net/HMk9V/10/입니다. 지금 노력하고 있다고 생각해보십시오.

+0

유감스럽게도 didnt 작업. –

+0

수정했습니다. –

+0

길이가 바뀌더라도 여전히 작동하지 않습니다. –