我正在开发一个需要在鼠标悬停时使用hoverbox的网站设计,悬停框将显示html,其中包含页面内容和链接的简要说明。我遇到了这个小提琴很容易缝合
然而,对于我的生活,我无法让它工作
我已将我的代码JS代码放在Fiddle中,如果社区可以帮助我,我会非常感激。
$('.hovercard').hover(function() {
$(this).stop(true, false).show();
}, function() {
$('.hovercard').hide();
});
$('.about-us-card ').hover(function() {
$(this).find('.hovercard').delay(100).fadeIn('linear'); // show() doesn't seem to work with delay
}, function() {
$(this).find('.hovercard').delay(100).fadeOut('fast');
});