Question

我正在尝试在图片上构建一个点击事件，这个图片有一个醉意的悬停标题，但是点击事件在IE中不起作用（8个只测试了一个）。

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

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

然后当你知道你必须展示这个技巧时，比如点击这些事件，将这些图像的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);");

hideTipsyOnMe

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

另一种方法是当你将鼠标悬停在该元素上时会有一个醉意（我认为这不是你想要的，但仍然如此），

只需在元素上添加标题标记，您需要在悬停时使用

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

jQuery tipsy点击事件不起作用

1 个答案: