内含链接的jQuery工具提示

Question

我有一个产品的大图片网格。我希望有一个工具提示出现时，你滚动的图像。尽管工具提示需要保持可见，因为它里面会有内容和链接。工具提示将部分位于其相应的大产品图像的顶部。如何确定在用户未停留在工具提示和产品图像上时隐藏工具提示，而在用户停留在工具提示和图像上时显示工具提示？

有没有jQuery插件已经可以处理这个问题了？

如有任何帮助，我们不胜感激！谢谢!

Answer 1

嘿，我曾经遇到过这样的问题。虽然不完全是你所需要的，但这是我最终使用的。

var over_picker = false; //var to store state of over or not over

$('.list_picker').live('mouseover mouseout', function(event){ 
if (event.type == 'mouseover') {
    over_picker=true;
    console.log('inside');
}else{ 
    over_picker=false; 
    console.log('outside');
}
});
$('body').live('click', function(){ 
if(! over_picker) $('.list_picker').hide();
});

我希望这能对你有所帮助。

Answer 2

正如在another thread中所建议的，工具提示的原生设计依赖于不同的假设，因此您需要的行为(允许用户单击其内容的粘性工具提示)不受官方支持。

无论如何，查看此链接，您可以看到使用jQuery工具可以实现您所需的功能：

http://jquerytools.org/demos/tooltip/any-html.html

这是一个独立的演示

http://jquerytools.org/demos/tooltip/any-html.htm