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 :(
<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>
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.
Danke,
kaum macht man es richtig, schon funktioniert es :) Das <ul> hat gefehlt :(