2 verschiedene Flyer-Popup-Stile
P粉702946921
P粉702946921 2023-08-25 09:45:31
0
1
436
<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>
P粉702946921
P粉702946921

Antworte allen(1)
P粉403821740

可以向 bindPopup 方法传递一个 "options" 参数,该参数可以包含将添加到 div 的 "className" 属性对于弹出窗口:

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();
})
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage