Я работаю над телефонным приложением для локального бизнеса в области телекоммуникаций, используя HTML, CSS, Javascript и компилирую его с помощью Phone Gap. В настоящее время я столкнулся с проблемой определения размеров Divs с помощью CSS IDangerware Swiper. Когда я загружаю страницу, Div показывает размер 0px x 0px, но устанавливается для 100% ширины и высоты. Он загружается только после перезагрузки страницы.
<div data-role="content">
<div class="swiper-container-third center";>
<div class="swiper-wrapper center";>
<!--First Slide-->
<div class="swiper-slide center">
<img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-brandpromo.jpg"/>
</div>
<!--Second Slide-->
<div class="swiper-slide center">
<img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-monthly-broadband.jpg"/>
</div>
<!--Third Slide-->
<div class="swiper-slide center">
<img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-monthly-video.jpg"/>
</div>
</div>
</div>
Класс "center" - это просто CSS, который говорит, что text-align: center !important;
Мне просто нужна помощь в определении того, что могло бы быть причиной того, что Div "swiper-container-third" равняется 1319px x 0px и "swiper-wrapper" равным 0px x 0px. Любая помощь будет высоко оценен!
Я использовал этот плагин в моем текущем проекте интенсивно. Вот несколько причин: