如何重置使用jQuery與css後的懸停功能

這是一種很難解釋，所以看看：http://performasia.com/destinations/。如何重置使用jQuery與css後的懸停功能

我使用的CSS懸停函數的svg地圖，我試圖讓鏈接在底部導致各國有他們的懸停效果。此外，我最好喜歡它反之亦然，所以當你懸停在國家，它也更新鏈接（由於某些原因，這是行不通的，任何想法？）

雖然主要的問題，在你盤旋在第一個中國鏈接之後，它會阻止你看到它再次亮起的國家的懸停效果（是的，我知道，它是泰國，而不是中國）。

這是我正在使用的代碼。每個國家是一個多邊形，將有自己的ID，以及每個李鏈接：

<script> 
    $('#list_china').hover(function(){ 
     $('#map_china').css('fill', 'red'); 
    ),function(){ 
     $('#map_china').css('fill', '#86888A'); 
    });      
</script>

來源

2013-05-02 Daniel van der Merwe

我看到一個JS錯誤（下看控制檯） – Doorknob 2013-05-02 19:56:59

你有2所定義爲本map_china在SVG。

刪除第二個。

，這可能是相關的，你不關閉標籤爲：

<polyline class="worldMapCountry" fill="#86888A" stroke="#6F7173" stroke-width="0.25" stroke-miterlimit="10" points="186.231,213.648 186.902,214.319

來源

2013-05-02 20:01:41 KingKongFrog

謝謝，我會檢查出來。 – 2013-05-02 20:20:20

它還在做@KingKongFrog – 2013-05-02 20:31:08

讀什麼KingKongFrog說，不要忘記對文件準備綁定的聽衆。

<script> 
$(document).ready(function(){ 
    $('#list_china').hover(function(){ 
     $('#map_china').css('fill', 'red'); 
    ),function(){ 
     $('#map_china').css('fill', '#86888A'); 
    }); 
}); 
</script>

來源

2013-05-02 20:08:09 Oden

我可以把它放在身體裏還是它需要頭部？ – 2013-05-02 20:30:00

我用'把所有的js代碼放在''標籤前面。但你可以把它放在任何你想要的地方！ :) – Oden 2013-05-02 20:43:05

仍然無法正常工作！ @Oden – 2013-05-02 23:24:15

我不知道你爲什麼不使用CSS。

<style> 
    #list_china:hover #map_china { background-color: red; } 
    #map_china:hover #list_china { background-color: red; } 
    #map_china:hover { background-color: red; } 
    #list_china:hover { background-color: red; } 
</style>

如果我理解它是什麼，被問的問題，這應該工作

來源

2013-05-03 01:58:43 zggz12

沒有辦法可以工作。不同的父母。 – 2013-05-03 21:27:26

噢......我對CSS不太好，但我剛剛看到 – zggz12 2013-05-10 23:20:45

如何重置使用jQuery與css後的懸停功能

回答

相關問題