Javascript Div大小赢得'；无法正确加载HTML

我使用HTML、CSS、Javascript为一家本地电信公司开发了一款手机应用程序，并使用phone Gap进行了编译。目前，我遇到了使用IDangerous Swiper CSS调整div大小的问题。加载页面时，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！重要的

我只是需要帮助来计算什么会导致Div“swiper container third”等于1319px x 0px，“swiper wrapper”等于0px x 0px。任何帮助都将不胜感激
 我在目前的项目中大量使用了这个插件。以下是几个原因：

.swiper容器第三个和.swiper滑块没有高度
在CSS中指定。你必须这样做。两者都必须有宽度和宽度
高度相等
你错过了IDangerous提供的CSS吗
你能设置一个JSFIDLE吗？我的钱在所有的内部DIV上，无论是定位的还是浮动的。