jQuery maphighlightプラグインを使用して機能を切り替えます

Question

私はアプリケーションにjQuery Maphighlightを追加しました。ドキュメントを見て、イメージマップの各シェイプをクリックすると強調表示された状態を切り替えるのに苦労しています。

私はこれが1つの形状のために働く倍数

切り替えるつの形状を取得することはできませんが：

$(function() { 
    $('.map').maphilight(); 

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

どのように私はすべての形をカバーするために、この上で展開することができますか？

ありがとうございました。

Answer 1

ようなので、jQueryのセレクタを変更：

$(function() { 

    $('.map').maphilight(); 

    // classname optional 
    $('.map area.classname').click(function(e) { 
     e.preventDefault(); 
     var data = $(this).mouseout().data('maphilight') || {}; 
     data.alwaysOn = !data.alwaysOn; 
     $(this).data('maphilight', data).trigger('alwaysOn.maphilight'); 
    }); 
    });