<p>Leaflet 中的 Popups 是否可以有 2 种不同的样式？用户交互时将触发 2 个不同的弹出窗口（就样式和内容而言），一个是在鼠标悬停时触发，一个是在单击时触发。 </p> <p><strong>问题：</strong>我尝试覆盖适用于一种弹出样式的样式表中 <code>.leaflet-popup-content-wrapper'</code> 的 CSS 样式，但无法运行时切换CSS样式在2种CSS样式之间来回切换，可能是因为弹出的DOM元素尚未加载。</p> <pre class="brush:php;toolbar:false;">marker.on('mouseover', function() { marker.bindPopup('&lt;b&gt;Hello world&lt;/b&gt;'); marker.openPopup(); }) marker.on('click', function() { marker.bindPopup('&lt;b&gt;Click click&lt;/b&gt;'); marker.openPopup(); // Failed attempt to switch 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();
})