Выделение Jquery Map - PullRequest
       4

Выделение Jquery Map

2 голосов
/ 20 сентября 2010

Я использую http://plugins.jquery.com/project/maphilight для выделения областей при наведении курсора на карту изображения, но я также хотел бы, чтобы она выделялась при нажатии Если щелкнуть другую область, предыдущая область должна исчезнуть, а новая останется выделенной.

Кто-нибудь видел это сделано или знает способ сделать это?

Большое спасибо, C

Ответы [ 3 ]

4 голосов
/ 07 июня 2012

ImageMapster: http://www.outsharked.com/imagemapster - мой плагин jQuery, который делает именно это!

Вы хотите использовать опцию singleSelect, например, http://jsfiddle.net/jamietre/ufAF6/

0 голосов
/ 06 августа 2013

Существует решение ТОЛЬКО в jquery & maphighlight! :

И хитрость заключается в обработке хорошего одного из входных атрибутов maphighlight: всегда на:

$( "#map-tag area" ).click(function(){
    $(this).data('maphilight', { 
          alwaysOn: true 
    }).trigger('alwaysOn.maphilight');
    //check if area wasnt already selected - otherwise gets buggy
    if( !$(this).hasClass('selected') ){ 
      $('.selected').data('maphilight', {
          alwaysOn: false
      }).trigger('alwaysOn.maphilight');
      $('#map-tag area').removeClass('selected');
      $(this).addClass('selected');
    }

});

РЕДАКТИРОВАТЬ: убедитесь, что у вас последняя версия maphilight! : http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js, с официальной страницы maphilight.

0 голосов
/ 05 ноября 2010

Решение этой проблемы в http://davidlynch.org/js/maphilight/docs/demo_features.html

если вы посмотрите на исходный код страницы, там есть код вашей проблемы. ВАЖНО: вам нужен плагин jquery.metadata.js !!!!

С уважением szekelygobe

...