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 ($('.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/。试试我认为它现在正在运作。

jquery tipsy没有触发onclick IE

1 个答案: