2가지 다른 전단지 팝업 스타일
<p>리플렛의 팝업에는 2가지 다른 스타일이 있을 수 있나요? 사용자 상호 작용(스타일 및 콘텐츠 측면에서) 시 마우스 오버 시 하나, 클릭 시 하나, 총 2개의 다른 팝업이 실행됩니다. </p>
<p><strong>문제: </strong>팝업에 적용되는 스타일시트의 <code>.leaflet-popup-content-wrapper'</code>에 있는 CSS 스타일을 재정의하려고 합니다. 그러나 팝업 DOM 요소가 아직 로드되지 않았기 때문에 런타임 시 CSS 스타일을 두 CSS 스타일 간에 전환하는 것은 불가능합니다. </p>
<pre class="brush:php;toolbar:false;">marker.on('mouseover', function() {
marker.bindPopup('<b>Hello world</b>');
marker.openPopup();
})
marker.on('클릭', function() {
marker.bindPopup('<b>클릭 클릭</b>');
marker.openPopup();
// 스타일 전환 시도가 실패했습니다.
$('.leaflet-popup-content-wrapper').addClass('new-style');
})</pre></p>
