1

地図上のクリックに基づいて、郵送先住所のグループを選択しています。すぐに使用できるソリューションを見つけました。これは、すべての地域がすでにマークされているロシアの地図です。領域は、MouseOver イベントで色を変更します。これは良いことです。これらの領域を Ctrl+Click で選択したままにする必要がありますが、これを理解できないようです。ここにありますhttp://jsfiddle.net/LxtMY/8/

スクリプトの一番下で、MoouseOver および MouseOut イベントを event.CtrlKey に変更しようとしていました。

F(Q).trigger("alwaysOn.maphilight").find("area[coords]").bind("mouseover.maphilight",X).bind("mouseout.maphilight",function(Z){L(T)});
U.before(T);
U.addClass("maphilighted")

しかし、それは結果をもたらしませんでした。多分私は間違ったものを編集しています。

4

1 に答える 1

2

各areaタグには一意の ID が必要です。

<area id="murmansk" ... />

次に、次の JavaScript コードを追加します。

$('area').click(function(e) {
   e.preventDefault();
   var id = e.currentTarget.id;
   var data = $('#' + id).mouseout().data('maphilight') || {};
   data.alwaysOn = !data.alwaysOn;
   $('#' + id).data('maphilight', data).trigger('alwaysOn.maphilight');
});

areaWeb ページに複数のマップを配置する場合は、セレクタの代わりにスタイル クラスを使用できます。

ここで別の例を見つけてください：

選択した州/国を評価する必要がある場合は、jQuery maphilight (そのような方法が提供されている場合) を使用するか、選択した領域を JavaScript コードの配列に追加/削除します。

于 2013-10-08T20:47:35.883 に答える