0

我不知道为什么这一点 jquery 不能与我的代码一起使用——这里是：

$(document).ready(function () {
$(".dl").hover(function (u) {
        $(".pdf:hover").show();
    },
    function (u) {
        $(".pdf:hover").hide();
    });
});

它应该这样当我将鼠标悬停在 .dl 上时：

.dl {
    font-size: .6em;
    color: #fff;
    white-space: nowrap;
    padding: 0;
    margin: -78px 0 0 63%;
    text-align: left;
}

.dl a, a:active, a:visited {
    color: #fff; 
}

.dl a:hover {
    color: #33b5e5;
}

.pdf：悬停节目，不是吗？

.pdf {
    background: url("images/ref_button.png") no-repeat;
    background-size: 100%;
    height: 115px;
    max-height: 115px;
    width: 101px;
    max-width: 101px;
    padding: 0;
    margin: -120px 0 0 45%;
    display: block;
}

.pdf:hover {
    background: url("images/ref_button_hover.png") no-repeat;
    background-size: 100%;
    height: 115px;
    max-height: 115px;
    width: 101px;
    max-width: 101px;
    display: block;
}

悬停正常工作，只是 jquery 位不起作用。有什么建议么？我唯一能想到的是 .pdf 类上的 :hover 是什么破坏了它，但我用一个完全独立的 .pdfhover 类尝试了它，但它仍然没有用，所以也许不是...... gah！

任何帮助，将不胜感激！谢谢！

4

2 回答 2

0

它是混乱的负边距......删除那些并且它有效。Fiddle 是纯 JS ......还要确保 JQuery 库被引用。

于 2013-05-31T09:28:02.090 回答
0

改变：

$(".pdf:hover").show();

至

$(".pdf").show(); //similar change for hide() too

更新 您可以pdfhover在pdf中制作一个悬停类，例如，

.pdfhover {
    background: url("images/ref_button_hover.png") no-repeat;
    background-size: 100%;
    height: 115px;
    max-height: 115px;
    width: 101px;
    max-width: 101px;
    display: block;
}

并且做，

$(".dl").hover(function (u) {
        $(".pdf").addClass("pdfhover");
    },
    function (u) {
        $(".pdf").removeClass("pdfhover");
    });
于 2013-05-31T07:33:27.397 回答