jQuery를 IE는

Question

가능한 중복 발행 : (당신이 그것을 요청하는 경우와 것)
jQuery Browser Compatability (IE)

내가 처음에 몇 가지 코드 조각을 게시 할 것입니다,하지만 나는이 문제가 쉽게 식별 할 수있을 거라고 생각 이 링크를 따라 내 문제를 직접 확인해보십시오. 그리고 코드 스 니펫은 다소 길어질 수 있습니다.

링크 : http://www.thesportinghub.com/lms/make-my-picks Google 크롬, IE9, 파이어 폭스 5.0 이상 또는 Safari에서이 페이지를 열고, 당신은 조금 주위를 클릭하면이 페이지가 작동하도록하는 방법을 알 수있는 경우

. 이 브라우저에서 작성한대로 적절하고 완벽하게 작동합니다.

제가 직면하고있는 문제는 jQuery 호환성입니다. 라디오 버튼을 선택하면 (위에서 언급 한 브라우저 중 하나에서), 해당 팀을 건너 뛰어 나머지 시간 동안 해당 팀의 나머지 라디오 버튼을 비활성화합니다. "작업중인"브라우저의 두 위치에서 교차되어 있음을 확인해야합니다.

그러나 IE7과 IE8로 건너 뛰면 동일하지 않은 것을 알 수 있습니다. 기본 구문 오류에 대한 코드를 위아래로 살펴본 결과이 문제를 해결하기 위해 웹을 끊임없이 검색했습니다. 나는 이것에 대한 누군가의 도움을 많이 주셔서 감사합니다.

나는 더 많은 정보와 코드 스 니펫을 제공하고자하며, 내가 가지고있는이 문제를 해결하기 위해 적극적으로 참여할 것입니다. 코드

업데이트 :

<script type="text/javascript"> 
$(document).ready(function(){ 

$('.radio:checked').addClass("selected"); 
$('.pickbox').text($('.radio:checked').val()); 

var selected_week = $('#weekselect').val(); 

$('table.weekbox').hide(); 
$('table#weekbox' + selected_week).show(); 
$('span.selection.text').html('<br/>My Week ' + selected_week + ' Selection:'); 


    $('input.radio').change(function() { 
     $('.teambox').find('span.strike').removeClass('strike'); 
     var selected = $(this).val(); 
     var us_selected = selected.replace(/ /g, ""); 

     $('.radio:not(:checked)').removeClass('selected'); 
     $('.radio:not(:checked)').next('span').css('color',''); 
     $('.radio:not(:checked)').removeAttr('disabled'); 
     $('.radio:checked').addClass('selected'); 
     $('.pickbox').text($(this).val()); 
     $('.pickbox').css('border','3px dashed #88cc33'); 
     //$('.pickbox').text($('.teambox').find('span.' + us_selected).text()); 
     $('.teambox').find('span.' + us_selected).addClass('strike'); 

    $('.selected').each(function() { 
    var selected_team = $(this).val(); 
    var x_selected_team = selected_team.replace(/ /g, ""); 
    $('.teambox').find('span.' + x_selected_team).text(selected_team).addClass('strike'); 
    $('table.weekbox').find('td input[value="' + selected_team + '"]').attr('disabled', 'disabled'); 
    $('.selected').next('span').css('color','#88cc33'); 
    }); 
     }); 


    $('#weekselect').change(function() { 
    var selected_week = $('#weekselect').val(); 

    if ($('input[name="Week' + selected_week + '"]').is(':not(:checked)')) { 
     $('table.weekbox').hide(); 
     $('table#weekbox' + selected_week).show(); 
     $('span.selection.text').html('<br/>My Week ' + selected_week + ' Selection:'); 
    $('.pickbox').css('border','1px dashed #FFFFFF'); 
    $('.pickbox').text(''); 
    } 

     $('table.weekbox').hide(); 
     $('table#weekbox' + selected_week).show(); 
     $('span.selection.text').html('<br/>My Week ' + selected_week + ' Selection:'); 
     $('input:not(:checked)').next('span').removeClass('strike'); 
     $('input[disabled]:not(:checked)').next('span').addClass('strike'); 

    $('.pickbox').text($('input.radio[name="Week' + selected_week + '"].selected').val()); 

    if ($('.pickbox').text() != "") { 
     $('.pickbox').css('border','3px dashed #88cc33'); 
    } 

    $('.selected').each(function() { 
    var selected_team = $(this).val(); 
    var x_selected_team = selected_team.replace(/ /g, ""); 
    $('.teambox').find('span.' + x_selected_team).text(selected_team).addClass('strike'); 
    }); 

}); 
}); 
</script> 

이 내 라디오 버튼이 .change 함수에서 읽을하지 않기 때문에 내 jQuery를 스크립트 ... 누군가가 언급 한 내 IE의 문제가, 그리고 그것을 필요로하는 .click ...

Answer 1

click 대신 라디오 버튼에 change을 사용하고 있습니다. IE는 변경 이벤트를 시작하기 전에 라디오 버튼이 흐려 지도록해야합니다. 또한 요소 ID에 공백을 사용할 때는 매우주의해야합니다.