1

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>

クラス「センター」は単なるCSSであり、text-align: center !important;

Divの「swiper-container-third」が1319px x 0pxになり、「swiper-wrapper」が0px x 0pxになる原因を理解するのに助けが必要です。どんな助けでも大歓迎です！

4

1 に答える 1

0

現在のプロジェクトでこのプラグインを集中的に使用しています。いくつかの理由を次に示します。

  1. .swiper-container-third と .swiper-slide には、CSS で指定された高さがありません。あなたがしなければならない必要があります。どちらも幅と高さが同じでなければなりません。
  2. IDangerous が提供する CSS を見逃していませんか?
于 2013-09-20T23:33:56.030 に答える