ie8 - jQuery微醺点击事件不工作

Question

我正试图在图像上建立一个带有微醺悬停标题的点击事件，但是点击事件在IE中不工作(8只有一个测试)。

下面是一个PHP while循环，为每个color元素创建一个工具提示。

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

就像标题阻塞了点击事件。

Answer 1

$(".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'});  

然后当你知道你必须显示这个tipsy，像onClick这些事件，定义这些图像的onClick函数为:

$(".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);");

where hideTipsyOnMe is

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

另一种方法是当你将鼠标悬停在该元素上时(我认为这不是你想要的，但仍然)，

在你的元素上添加一个标题标签，然后使用

$(".mark_icon a").tipsy({live:true});
//works for me in all browsers