Swiper und table in Kombination reagiert nicht

Begonnen von Syrex-o, 22 März 2017, 14:24:14

Vorheriges Thema - Nächstes Thema

Syrex-o

Habe das Problem, dass mein Swiper widget einfach nicht reagieren möchte.
Wenn ich es nach links schiebe, sehe ich auch den Teil zu dem "geswipet" werden soll, jedoch habe ich unten nur eine Seite angegeben.
Finde leider den Fehler im Code nicht.
Jemand eine Idee?
<section>
                <div data-type="swiper"
                     data-height="220px"
                     data-width="350px"
                     class="top-space-1x">
                     <ul>
                        <li>
                            <div data-type="label"
                                 class="small">Navigation
                            </div>
                            <div class="container">
                                <table border="0px" align="center">
                                <tr>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="play"
                                             data-icon="fa-play"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="up"
                                             data-icon="fa-angle-up"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="Pause"
                                             data-icon="fa-pause"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="volumeUp"
                                             data-icon="fa-volume-up"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="left"
                                             data-icon="fa-angle-left"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="select"
                                             data-icon="fa-circle"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="right"
                                             data-icon="fa-angle-right"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="volumeDown"
                                             data-icon="fa-volume-down"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="back"
                                             data-icon="fa-arrow-left"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                    <td><div 
                                             data-type="push"
                                             data-device="SZ_XBMC"
                                             data-set-on="down"
                                             data-icon="fa-angle-down"
                                             data-on-background-color="lightgray"
                                             class="cell small">
                                        </div>
                                    </td>
                                    <td><div 
                                             data-type="multistatebutton"
                                             data-device="SZ_XBMC"
                                             data-get="mute"
                                             data-get-on='["off","on"]'
                                             data-set='["mute on","mute off"]'
                                             data-set-default='["mute off"]'
                                             data-icon="fa-deaf"
                                             data-color="gray"
                                             data-background-colors='["white","lightgray"]'
                                             class="cell small">
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </div>
                        </li>
                        <li>
                            <div data-type="label"
                                 class="small">Schnellzugriff
                            </div>
                            <div class="container">
                                <table border="0px" align="center">
                                <tr>
                                    <td><div
                                             data-type="push"
                                             data-device="Soundcloud"
                                             data-set-on="on"
                                             data-icon="fa-thumbs-up"
                                             data-on-background-color="lightgray"
                                             class="cell medium">
                                        </div>
                                    </td>
                                    <td><div
                                             data-type="push"
                                             data-device="Soundcloud_Mix"
                                             data-set-on="on"
                                             data-icon="fa-soundcloud"
                                             data-on-background-color="lightgray"
                                             class="cell medium">Mix
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>

Standarduser

Zitat von: Syrex-o am 22 März 2017, 14:24:14
Habe das Problem, dass mein Swiper widget einfach nicht reagieren möchte.
Wenn ich es nach links schiebe, sehe ich auch den Teil zu dem "geswipet" werden soll, jedoch habe ich unten nur eine Seite angegeben.
Finde leider den Fehler im Code nicht.
Jemand eine Idee?

Sorry, Deine Fehlerbeschreibung ist vollkommen unverständlich. Was hast Du angegeben und was siehst Du (oder siehst Du nicht?)

Ich habe Deinen Code ausprobiert und bekomme genau das zusehen, was ich anhand des Codes erwarten würde:
-1 Swiper
-2 Seiten im Swiper
-1. Seite enthält XBMC-Fernbedienung
-2. Seite enthält irgendwas mit Soundcloud
-Alle Widgets funktionieren

Einzig das Push-Widget  mit Soundcloud-Mix sieht etwas komisch aus, weil das Widget ein Symbol und gleichzeitig einen Text enhält. Das kann man schwer lesen, aber vielleicht hast Du das ja mit Deinem CSS entsprechend formatiert.

Syrex-o

Was genau siehst du bei dir ?
Ich kann zwischen den beiden Seiten mit den Funktionen nicht hin und her wechseln.
Ich hatte mit meinem code erwartet 2 seiten zu haben, die ich wechseln kann über den swiper.
Leider funktioniert das bei mir nicht.

Grüße

Syrex-o

Kurzer Nachtrag.
Das Problem hat sich gelöst.
Jedoch ist es meines Erachtens ein Fehler der sich irgendwo eingeschlichen hat.
Wenn ich Mein Handy drehe funktioniert das Swiper widget.
Drehe ich mein Handy zurück funktioniert es immer noch.
Am Laptop funktioniert es mit selbigem Code gar nicht.
@setstate Hast du das irgendwie im Auge oder ist es eventuell ein komplett neuer Bug

P.S. Benutze das slideout Menü für die Handy Oberfläche.
Vielleicht hängt es damit zusammen.

Grüße