javascript - jquery 醉酒不触发 onclick IE

Question

您好，我正在使用 jquery Tipsy 插件在颜色样本图像上方显示颜色名称。

我试图在用户单击图像时触发选中/取消选中的复选框。

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

在 Firefox 和 Safari 中一切正常，但在 IE8 中则不然。

请帮忙...。

Answer 1

尝试将 if 条件更改为此，

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/ 。尝试一下，我认为它现在正在工作。