.JS悬停框没有显示

时间:2014-09-03 13:54:53

标签: javascript jquery html css

我正在开发一个需要在鼠标悬停时使用hoverbox的网站设计,悬停框将显示html,其中包含页面内容和链接的简要说明。我遇到了这个小提琴很容易缝合

http://jsfiddle.net/U7tRy/57/

然而,对于我的生活,我无法让它工作

我已将我的代码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');
});

http://jsfiddle.net/dpt3pu9h/

0 个答案:

没有答案