2 styles de popups de flyer différents

Question

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.

Problème : J'essaie de remplacer un style CSS dans .leaflet-popup-content-wrapper' 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é.

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');
})

Answer 1

Peut être transmis à l'attribut bindPopup 方法传递一个 "options" 参数，该参数可以包含将添加到 div 的 "className" pour les popups :

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();
})