Widget circlemenu auf swiper funktioniert nicht

Begonnen von Gollum2, 14 Oktober 2016, 14:02:20

Vorheriges Thema - Nächstes Thema

Gollum2

Moin zusammen...

ich habe auf meinem Tablet neu das Swiper Widget ausprobiert.

klappt auch ganz gut bis auf das Circlemenu...

Das wird Angezeigt....ich kann es anklicken....aber wenn ich eine Element auswähle geht nix.
Hab mehrere Circlemenus im Einsatz....bei alle das selbe verhalten.

Wenn ich den selben Code in der "normalen" Box benutze, funktioniert das Menu so wie gewünscht.

Hat jemand das selbe Phänomen ?



Anbei der Auszug einer PAGE aus dem SWIPER Widget:



<li>
       
        <div class="">Küche</div>
        <div class="container left inline">
            <div data-type="symbol" data-device="KU_Sensor_Fenster" data-get-on='["open","tilted","closed"]' data-icons='["oa-fts_window_1w_open fa-blink","oa-fts_window_1w_tilt","oa-fts_window_1w"]' data-on-colors='["#C00000","#FFFF00","#505050"]' class=""></div>
        <div data-type="label" class="narrow darker small">Fenster</div>
            <div data-type="thermostat" data-device="KU_Heizung_Clima" data-min="0" data-max="30" data-off="off" class="small cell"></div>
            <div data-type="label" data-device="KU_Heizung_Clima" data-get="controlMode" class="narrow darker small"></div>
            <div data-type="progress" data-device="KU_Heizung_Clima" data-get="ValvePosition" data-progress-width=100 data-unit="%" class="cell"></div>
        <div data-type="circlemenu" class="cell">
        <ul>
          <li><div data-type="push" data-icon="fa-wrench"></div></li>
          <li><div data-type="push" data-device="KU_Heizung_Clima" data-set-on="controlMode night" data-icon="fa-moon-o"></div></li>
          <li><div data-type="push" data-device="KU_Heizung_Clima" data-set-on="controlMode day" data-icon="fa fa-sun-o"></div></li>
          <li><div data-type="push" data-device="KU_Heizung_Clima" data-set-on="controlMode auto" data-icon="oa-sani_heating_automatic"></div></li>
          <li><div data-type="push" data-device="KU_Heizung_Clima" data-set-on="controlMode manual" data-icon="oa-sani_heating_manual"></div></li>
          <li><div data-type="push" data-device="KU_Heizung_Clima" data-set-on="controlMode boost" data-icon="fa-spinner fa-pulse"></div></li>
        </ul>
    </div>
        </div>
        <div class="container left inline">
            <div data-type="switch" data-device="KU_Licht_Decke" class="cell"></div>
            <div data-type="label" class="narrow darker small">Licht</div>
            <div data-type="symbol" data-device="KU_Rollo" data-get-on='["on","off","[0-9]{1,3}"]' data-icons='["oa-fts_shutter_10","oa-fts_shutter_100","oa-fts_shutter_60"]' data-on-colors='["#E3E3E3","#505050","#9A9A9A"]' class="cell"></div>
          <div data-type="label" class="narrow darker small">Rollo</div>
            <div data-type="label" data-device='KU_Rollo' data-get='level' data-unit="%" class="darker small cell"></div>
            <div data-type="circlemenu" data-item-diameter="75" class="cell narrow">
        <ul>
          <li><div data-type="push" data-icon="fa-wrench"></div></li>
          <li><div data-type="push" data-device="KU_Rollo" data-set-on="on" data-icon="oa-fts_shutter_10"></div></li>
          <li><div data-type="push" data-device="KU_Rollo" data-set-on="off" data-icon="oa-fts_shutter_100"></div></li>
          <li><div data-type="push" data-device="KU_Rollo" data-set-on="pct 20" data-icon="">20%</div></li>
          <li><div data-type="push" data-device="KU_Rollo" data-set-on="pct 40" data-icon="">40%</div></li>
          <li><div data-type="push" data-device="KU_Rollo" data-set-on="pct 60" data-icon="">60%</div></li>
        </ul>
    </div>
        </div>
        <div class="container left inline">
        <div data-type="switch" data-device="KU_Licht_Klein" class="cell"></div>
            <div data-type="label" class="narrow darker small">Licht</div>
            <div data-type="label" class="darker small">Arbeitsplatte</div>
            <div data-type="symbol" data-device="KU_Wassermelder" data-get-on='["dry","damp","wet"]' data-icons='["fs-humidity","fs-humidity fa-blink","fs-humidity fa-blink"]' data-on-colors='["#505050","#FFFF00","#C00000"]' class="cell"></div>
            <div data-type="label" class="narrow darker small">Wasser-</div>
            <div data-type="label" class="darker small">melder</div>
        </div> 
       
        </li>


Gruß
Gollum
"Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen."

Fhem auf Raspberry PI 2
HM LAN HM USB, CUL 433
IT Steckdosen, Diverse HM Aktoren und Sensoren, Yamaha Receiver, Panasonic TV, Harmony Hub

Gollum2

"Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen."

Fhem auf Raspberry PI 2
HM LAN HM USB, CUL 433
IT Steckdosen, Diverse HM Aktoren und Sensoren, Yamaha Receiver, Panasonic TV, Harmony Hub