jquery翻转,显示和隐藏

时间:2013-09-19 11:16:16

标签: jquery html rollover jquery-hover rollovers

我对show和hide jquery有一个小问题。我希望有人可以解释;

当您翻转图像时,我希望btns在btns上滚动时显示并停留(当前闪烁)

当您滚动图像时,请隐藏。

这是一个演示 http://jsfiddle.net/wdWWQ/

提前致谢...保罗

代码

/*  PICTURE BTNS SHOW.
    ===================================================================*/
    $(".show-pic-trigger").hover(function () {
        $(".show-btns-pic").show();
    }, function () {
        $(".show-btns-pic").hide();
    })

2 个答案:

答案 0 :(得分:0)

.show-pic-trigger移至容器。

这是因为您的按钮阻止了您的锚标记。将悬停类放在容器中总是好的。

小提琴:http://jsfiddle.net/CzM3X/

答案 1 :(得分:0)

使用此代码,

/*  PICTURE BTNS SHOW.
===================================================================*/
$(".show-pic-trigger").hover(function (e) {
    $(".show-btns-pic").show();
    e.preventDefault();
}, function () {
    $(".show-btns-pic").hide(e);
    e.preventDefault();
})

JS FIDDLE:http://jsfiddle.net/wdWWQ/1/

您需要使用event.preventDefault()函数