Brauche Hilfe beim Swiper und gridster Elementen

Tobias · 03 Januar 2017, 16:33:35

Hi,
ich versuche meinen ersten Swiper in meine TabletUI einzubauen. ICh habe schon ein fertige UI für mein SonosModul für einen Raum. Dieses soll nun per Swiper aufderselben Seite für alle anderen Räume auch dargestellt werden. Soweit so gut. Leider sieht das Ergebnis nach nix aus, es funktioniert schlicht weg nicht.

ICh habe mal einen kleinen TEstcase zusammengestellt der das verdeutlicht. Die <li> Tags werden alle durcheinander dargestellt

Code Auswählen

<body>
    <div class="page" id="musik">
      <div data-type="swiper" data-width="100%" data-height="800px" class="" >
        <ul>
          <li>
            <div class="gridster">
              <li data-row="1" data-col="1" data-sizex="4" data-sizey="6">
                <header>PLAYER 1</header>
              <li>
              <li data-row="1" data-col="5" data-sizex="4" data-sizey="6">
                <header>PLAYLIST 1</header>
              </li>
            </div>
          </li>
          <li>
            <div class="gridster">
              <li data-row="1" data-col="1" data-sizex="4" data-sizey="6">
                <header>PLAYER 2</header>
              <li>
              <li data-row="1" data-col="5" data-sizex="4" data-sizey="6">
                <header>PLAYLIST 2</header>
              </li>
            </div>
          </li>
          <li>
            <div class="gridster">
              <li data-row="1" data-col="1" data-sizex="4" data-sizey="6">
                <header>PLAYER 3</header>
              <li>
              <li data-row="1" data-col="5" data-sizex="4" data-sizey="6">
                <header>PLAYLIST 3</header>
              </li>
            </div>
          </li>
        </ul>
      </div>
    </div>
</body>

setstate · 03 Januar 2017, 16:52:44

Eine Liste von li muss immer in ein ul verpackt sein. Also zwischen .gridster und li ein ul und nach dem letzten gridster li das ul zu machen.

Tobias · 04 Januar 2017, 07:54:16

Danke,
kaum macht man es richtig, schon funktioniert es

Das <ul> hat gefehlt

FHEM Forum

Brauche Hilfe beim Swiper und gridster Elementen

Tobias

setstate

Tobias