Event propagation - Bootstrap popover - OpenLayers 3 -


i having problem event propagation.

the code:

  var element = document.getelementbyid('popup');    var popup = new ol.overlay({     element: element,     positioning: 'bottom-center',     stopevent: false   });   map.addoverlay(popup);    //display popup on click   map.on('click', function(evt){     var feature = map.foreachfeatureatpixel(evt.pixel,       function(feature, layer){         return feature;       }     );      if (feature){       popup.setposition(evt.coordinate);        $(element).attr('data-placement', 'top');       $(element).attr('data-html', true);        $(element).attr('data-original-title', 'fermata<button type="button" id="close" class="close" onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;);">&times;</button>');       $(element).attr('data-content', "<div> <b>nome: </b> ... </div>");       $(element).popover('show');     }      else{       $(element).popover('destroy');     }   }); 

this piece of code more or less taken openlayers 3 examples, nothing original here. close button popup bootstrap. when click on button, if there icon (the icon of geojson point layer) under button icon clicked too, , popup of icon open. don't want this. tried that:

$('.close').click(function (event) {   console.log("close clicked");   event.preventdefault();   return false; } 

but did not work. in fact when there no icon below can see log in console, otherwise can't, think click event not fired.

any suggestions?

thanks!


Comments

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

r - Update two sets of radiobuttons reactively - shiny -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -