2 verschiedene Flyer-Popup-Stile
P粉702946921
2023-08-25 09:45:31
<p>Können Popups in der Broschüre zwei verschiedene Stile haben? Bei der Benutzerinteraktion werden zwei verschiedene Popups ausgelöst (in Bezug auf Stil und Inhalt), eines beim Mouseover und eines beim Klicken. </p>
<p><strong>Problem: </strong>Ich versuche, einen CSS-Stil in <code>.leaflet-popup-content-wrapper'</code> zu überschreiben, der für ein Popup gilt Es ist jedoch nicht möglich, zur Laufzeit zwischen den beiden CSS-Stilen hin und her zu wechseln, möglicherweise weil das Popup-DOM-Element noch nicht geladen wurde. </p>
<pre class="brush:php;toolbar:false;">marker.on('mouseover', function() {
marker.bindPopup('<b>Hallo Welt</b>');
marker.openPopup();
})
marker.on('click', function() {
marker.bindPopup('<b>Klick klicken</b>');
marker.openPopup();
// Fehlgeschlagener Versuch, den Stil zu wechseln
$('.leaflet-popup-content-wrapper').addClass('new-style');
})</pre></p>
可以向
bindPopup
方法传递一个"options"
参数,该参数可以包含将添加到 div 的"className"
属性对于弹出窗口: