У меня есть div, который показывает всплывающее окно при вызове всплывающей функции.Теперь проблема в том, что я не могу изменить стиль этого динамически генерируемого div для разных всплывающих окон.Здесь происходит то, что один и тот же стиль применяется для каждого всплывающего окна.
Вот всплывающий элемент div.
<div id="hidden" class="ol-popup popup" tabindex="-1" style = "display:none" align = "center">
<a href="#" id="popup-closer" class="ol-popup-closer"></a>
<div id="popup-content" align = "center"></div>
</div>
И у меня возникают разные случаи, когда отображается этот div,
eg., popup.show(dis1);
popup.show(dis2);
И стиль
.ol-popup {
display: block;
background-color: rgb(255, 255, 255);
border: 2px solid #494949;
width: 900px !important;
height: 480px !important;
}
И моя проблема в том, что в этих всплывающих окнах есть разные предметы.Мне нужно изменить ширину и высоту всплывающего окна на основе различных вызовов всплывающих окон.Всякий раз, когда всплывающее окно вызывает его, применяется тот же стиль.