不工作jQuery的懸停功能正常

我不知道爲什麼jQuery的這一點點不會與我的代碼工作 - 那就是：不工作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：hover shows，no？

.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類中的：懸停是什麼打破它，但我嘗試了一個完全獨立的.pdfhover類，它仍然沒有工作，所以也許不會...... gah！

任何幫助，將不勝感激！謝謝！

來源

2013-05-31 shanling

你已經cal calover事件不需要寫'$（「。pdf：hover」）''只寫'$（「。pdf」）' 那就是它！ – webGautam

Ahh Sudhir說同樣的事情，但我的問題有點不同...pdf有一個圖像，當我把鼠標懸停在.pdf上時，出現另一個圖像（在.pdf：hover）。我只需要它，所以當我將鼠標懸停在.dl上（這只是一些文本）.pdf：懸停出現！感謝您的及時回覆！ – shanling

變化：

$(".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-31 07:33:27

對不起，我應該把原始的.pdf代碼放在主帖子中，我現在編輯它 - 這只是當我沒有在.dl上懸停時原始圖像消失。當我將鼠標懸停在.dl上時，我需要.pdf中的圖像：懸停在原始.pdf圖像上。感謝您的及時回覆！ – shanling

@shanling看到我添加的代碼，你的意思是這樣的.. –

我試過這個，現在當我把鼠標懸停在.pdf上時什麼都沒有發生，當我將鼠標懸停在.dl上時.pdfhover不出現:( – shanling

它的負餘量，混亂...刪除這些，它的作品。小提琴是在純JS ...也確保JQuery庫被引用。

來源

2013-05-31 09:28:02 user2239256

不工作jQuery的懸停功能正常

回答

相關問題