2011-07-17 15 views
1

こんにちは私は色見本画像の上に色の名前を表示するためにjquery tipsyプラグインを使用しています。jquery tipsyが発射しない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> 

すべてがFirefoxとSafariではなく、IE8で素晴らしい作品。

ヘルプ...してください。

+0

IE8で使用しているCSSスタイルが正しく動作していることを確認しましたか? – 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

長さ> 0に変更してもまだ動作しません –

関連する問題