<p>Les fenêtres contextuelles de Leaflet peuvent-elles avoir deux styles différents ? 2 popups différents seront déclenchés lors de l'interaction de l'utilisateur (en termes de style et de contenu), un au survol de la souris et un au clic. </p> <p><strong>Problème : </strong>J'essaie de remplacer un style CSS dans <code>.leaflet-popup-content-wrapper'</code> style. Mais il n'est pas possible de basculer entre les deux styles CSS au moment de l'exécution, peut-être parce que l'élément DOM contextuel n'a pas encore été chargé. </p> <pre class="brush:php;toolbar:false;">marker.on('mouseover', function() { Marker.bindPopup('<b>Bonjour tout le monde</b>'); marqueur.openPopup(); }) marqueur.on('clic', fonction() { Marker.bindPopup('<b>Cliquez sur</b>'); marqueur.openPopup(); // Échec de la tentative de changement de style $('.leaflet-popup-content-wrapper').addClass('new-style'); })</pre></p>

marker.on('mouseover', function() {
    marker.bindPopup('<b>Hello world</b>',{className: 'mouseover-popup'});
    marker.openPopup();
})

marker.on('click', function() {
    marker.bindPopup('<b>Hello world</b>',{className: 'click-popup'});
    marker.openPopup();
})