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

混乱する負のマージン...それらを削除すると機能します。フィドルは純粋なJSでした...また、JQueryライブラリが参照されていることを確認してください。

于 2013-05-31T09:28:02.090 に答える
0

変化する：

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

に

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

更新pdfhoverPDFでホバー用 のクラスを作成できます。

.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 に答える