jQuery的IE变化/ click事件不工作

Question

这是我的HTML：

<div class="sss"> 
    <label class="label_radio" for="radio-01"> 
     <input name="vtip" id="radio-01" value="50" type="radio" /> 
     <img src="http://www.tui-travelcenter.ro/layouts/innobyte/images/radio_50.jpg" width="199" height="241" style="display:block"> 
    </label> 
</div> 
<div class="ddd"> 
    <label class="label_radio1" for="radio-02"> 
     <input name="vtip" id="radio-02" value="100" type="radio" /> 
     <img src="http://www.tui-travelcenter.ro/layouts/innobyte/images/radio_100.jpg" width="199" height="241" style="display:block"> 
    </label> 
</div> 
<div class="clear"></div> 

这是我的javascript：

$(document).ready(function() { 
    $('#radio-01').change(function(){ 
     $(".label_radio").css({background: "#fff"});       
     $(".label_radio1").css({background: "#fff"});         

     if($(this).is(":checked")) {             
      $(".label_radio").css({background: "#000"});  
     } else { 
     $(".label_radio").css({background: "#f00"}) ;   
     } 
    }); 

    $('#radio-02').change(function(){         
     $(".label_radio").css({background: "#fff"});               
     $(".label_radio1").css({background: "#fff"}); 

     if($(this).is(":checked")) $(".label_radio1").css({background: "#000"}); 
     else $(".label_radio1").css({background: "#fff"}) ; 
    }); 
}); 

我有两个单选按钮，有一个自定义图像。点击后，他们改变背景，所以你可以看到它被选中。 （这里是直播：tui-travelcenter.ro/concurs_vouchere.php - 2张图片）。 这在Firefox，Chrome浏览器中运行得很好，但在IE中却不行。

Answer 1

要在IE中使用此工作，请在代码中使用$(".label_radio1").css({'background-color': "#fff"});而不是$(".label_radio1").css({background: "#fff"});。

做同样在你打电话.css(..)

---

编辑

在IE浏览器，点击事件不会从IMG的标签向上传播，从而影响到所有地方收音机（其标签是）并触发收音机的改变事件。将此代码添加到您的JS以强制事件传播。

$('label img').click(function() { 
    $(this).prev('input').attr('checked', true).change(); 
    return true; 
});