2011-07-12 15 views
1

私はクリックイベントがIE(8つのテスト済み)で動作していませんが、ちょっとしたホバーのキャプションを持つ画像でクリックイベントを構築しようとしています。jQuery tipsy clickイベントが動作しない

以下は、各カラー要素のツールチップを作成するためのPHP whileループです。

$(function(){ 
    $('.colour_tip_<?php echo($f['colour_id']); ?>').tipsy({fallback: "<?php echo($f['colour']); ?>", gravity: 's'}); 
}); 

そのようなキャプションは、クリックイベントをブロックしています。

何か助けていただければ幸いです。

+2

を使用し、あなたは私たちに伝える必要があります。また、ループの代わりに、それらのクラスにすべて同じクラスを与えて、そのようにします。 –

+0

[jquery tipsy onclick IEを実行しない]の複製が可能です(http://stackoverflow.com/questions/6723057/jquery-tipsy-not-firing-onclick-ie) – sarnold

答えて

0
$(".colour_tip_<?php echo($f['colour_id']); ?>").attr('title','What ever text you want'); 
$(".colour_tip_<?php echo($f['colour_id']); ?>").tipsy({trigger: 'manual', gravity: 'n'}); 

あなたはこのほろ酔いを表示する必要があります知っているときに、それらのイベントでのonClick等、それらの画像のonclickの関数を定義する:

hideTipsyOnMeは

function hideTipsyOnMe(div){ 
    $(div).tipsy('hide'); 
} 

別で

$(".colour_tip_<?php echo($f['colour_id']); ?>").tipsy("show"); 
//also if you need to hide them on click/onfocus you can use this:    
//$(".colour_tip_<?php echo($f['colour_id']); ?>").attr('onclick', "hideTipsyOnMe(this);"); 

あなたがその要素の上にマウスを置いたときにちょっとしたことをすることです(私はあなたがここで欲しいものではないと思いますが)。

はちょうどあなたがホバーにほろ酔いを必要とした上で、あなたの要素のタイトルタグを入れて、私たちが何であるかほろ酔い知らない

$(".mark_icon a").tipsy({live:true}); 
//works for me in all browsers 
関連する問題