私はDavid LynchのMaphilightを使用していますが、マウスオーバーで強調表示する限り、うまく機能します。私が問題を抱えていて、例がないように見えるのは、領域をクリックすると、領域 A. が強調表示されて点灯したままになり、B. 別の領域をクリックすると非アクティブになります。
基本的に、私はデモ ページのスクリプトを使用し、それに応じて変更しようとしていますが、私が試したすべてがうまくいきませんでした。非常にシンプルで分かりやすいように思えますが、この機能に関するドキュメントがほとんどまたはまったくないことに驚いています。
誰でもアイデアはありますか?基本的に、マップとして使用している画像は、四分円に分割された円です。マップ上の新しい象限が選択されるまで、各象限はマウスを重ねると点灯し、クリックすると点灯したままになります。スクリプトに使用しているものは次のとおりです。
$('.map').maphilight({fillColor: 'ff0000'});
$('#q1, #q2, #q3, #q4').click(function(e) {
e.preventDefault();
var data = $(this).mouseout().data('maphilight') || {};
data.alwaysOn = !data.alwaysOn;
$(this).data('maphilight', data).trigger('alwaysOn.maphilight');
});
あなたが持っているかもしれないどんな助けや提案も素晴らしいでしょう.
更新: 私が取り組んでいるページへのオンライン リンクはhttp://test.dpigraphics.net/process.phpです。