2 gaya pop timbul risalah berbeza

Question

Bolehkah Pop Timbul dalam Risalah mempunyai 2 gaya berbeza? 2 pop timbul berbeza akan dicetuskan pada interaksi pengguna (dari segi gaya dan kandungan), satu pada tetikus dan satu pada klik.

Isu: Saya cuba mengatasi gaya CSS dalam .leaflet-popup-content-wrapper' dalam lembaran gaya yang digunakan pada pop timbul gaya. Tetapi tidak mungkin untuk menukar gaya CSS bolak-balik antara dua gaya CSS pada masa jalan, mungkin kerana elemen DOM pop timbul belum dimuatkan.

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

marker.on('klik', function() {
    marker.bindPopup('<b>Klik klik</b>');
    marker.openPopup();

    // Gagal cuba menukar gaya
    $('.leaflet-popup-content-wrapper').addClass('new-style');
})

Answer 1

Boleh dihantar ke atribut bindPopup 方法传递一个 "options" 参数，该参数可以包含将添加到 div 的 "className" untuk pop timbul:

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