jquery - マウスオーバーでハイライトを作成するにはどうすればよいですか?

Question

私のページで、状態にマウスオーバーすると、右側のハイパーリンクがホバー スタイルに変わります。誰かが私が反対を起こす方法を提案できますか..右側のハイパーリンクの1つにカーソルを合わせると、状態が強調表示されます(状態自体にカーソルを合わせたときのように)?

Answer 1

非常に単純に jQuery の .trigger(); を使用します。

例:$('#A0').trigger('mouseover');マップの最初の要素 (ワシントン) を強調表示します。

したがって<a class="staffs staff-A0" href="#">Washington</a>、これを mouseover イベントに追加できます。

var map_element_id = '#' + this.className.split('-')[1];
$(map_element_id).trigger('mouseover');

もちろん、onmouseout も処理する必要があります。map_element_id 変数の割り当てを処理する方法は多数あります。クラス名ではなく、これを格納する別の属性を割り当てることをお勧めします (おそらく data-map-id?)。「-」での分割はこの例で機能しますが、「-」を含む要素にさらにクラス名を追加すると、これは失敗します。

Answer 2

マップ エリアの ID を取得し、マウスオーバー イベントをトリガーします。

$('.staff').mouseover(function() {
    var id = $(this).attr("class").split("-")[1];
    $("#"+id).trigger('mouseover');
});