1

ちょっと説明が難しいので、http: //performasia.com/destinations/をご覧ください。

私はcssホバー機能を備えたsvgマップを使用しており、下部のリンクで国にホバー効果を持たせようとしています。また、理想的にはその逆も機能するようにしたいので、国にカーソルを合わせると、リンクも更新されます (何らかの理由でこれが機能していません。何かアイデアはありますか?)

ただし、主な問題は、最初の中国のリンクにカーソルを合わせた後、再び点灯する国にホバー効果が表示されないことです (はい、中国ではなくタイです)。

これが私が使用しているコードです。各国はポリゴンであり、独自の ID と各 li リンクがあります。

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

3 に答える 3

0

map_chinaあなたのsvgには2つの定義があります。

2 番目のものを削除します。

これは関連している可能性があります。次のタグを閉じていません。

<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-02T20:01:41.053 に答える