Hallo zusammen,
ich habe das Problem dass meine SmartVisu Anzeige auf dem Smartphone beim rauf- und runterscrollen fehlerhaft dargestellt wird. Ich habe eine Liste mehrer Räume, die in etwas wie folgt aufgebaut ist:
Da die Raumliste grösser ist als die Smartphone-Auflösung muss rauf- und runtergescrollt werden. Dabei kommt es immer wieder zu "Rucken" bzw. Verzögerung der Darstellung. Ich nehme Mal an dass dann per Ajax in diesem Moment nachgeladen wird. Oft bleibt aber das Ende der Liste einfach nur schwarz.
Hat jemand so ein Phänomen schon Mal erlebt ?
Danke.
Gruß
Christian
ich habe das Problem dass meine SmartVisu Anzeige auf dem Smartphone beim rauf- und runterscrollen fehlerhaft dargestellt wird. Ich habe eine Liste mehrer Räume, die in etwas wie folgt aufgebaut ist:
Code:
/**
<ul data-role="listview" data-dividertheme="c">
<li data-role="list-divider">Dachgeschoss</li>
<li data-icon="false">
<a href="index.php?page=room_dg_kind">
<img class="icon" src="{{ icon0 }}scene_childs_room.png" />
<h3>Kinderzimmer</h3>
<div class="ui-li-aside">
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_dg_office">
<img class="icon" src="{{ icon0 }}scene_office.png" />
<h3>Büro</h3>
<div class="ui-li-aside">
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_dg_bad">
<img class="icon" src="{{ icon0 }}scene_bathroom.png" />
<h3>Bad</h3>
<div class="ui-li-aside">
</div>
</a>
</li>
<li data-role="list-divider">Obergeschoss</li>
<li data-icon="false">
<a href="index.php?page=second_floor_ventilation">
<img class="icon" src="{{ icon0 }}vent_ventilation.png" />
<h3>Lüftung</h3>
<div class="ui-li-aside">
{{ basic.symbol('vent_second_floor1a', 'second_floor.ventilation_status', 'manuelle Steuerung', icon0~'vent_ventilation_level_manual_m.png', 0) }}
{{ basic.symbol('vent_second_floor2a', 'second_floor.ventilation_status', 'aus', icon0~'vent_ventilation_level_0.png', 19) }}
{{ basic.symbol('vent_second_floor3a', 'second_floor.ventilation_status', 'WRG schwach', icon0~'vent_ventilation_level_2.png', 45) }}
{{ basic.symbol('vent_second_floor4a', 'second_floor.ventilation_status', 'WRG stark', icon0~'vent_ventilation_level_3.png', 130) }}
{{ basic.symbol('vent_second_floor6a', 'second_floor.ventilation_status', 'Durchzug stark', icon0~'vent_used_air.png', 253) }}
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_second_floor_sleeping">
<table align=left cellpadding=0 cellspacing=0 border=0><tr><td>
<img class="icon" src="{{ icon0 }}scene_sleeping.png" /></td>
<td><h3>Schlafzimmer</h3></td>
</tr>
</table>
<div class="ui-li-aside">
{{ basic.float('second_floor.sleeping.temperature', 'second_floor.sleeping.temperature', 'C') }}<br />
{{ basic.symbol('second_floor.sleeping.temperature.state', 'second_floor.sleeping.temperature.state', '', icon1~'sani_sleeping.png') }}
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_second_floor_bathroom">
<img class="icon" src="{{ icon0 }}scene_bath.png" />
<h3>Bad</h3>
<div class="ui-li-aside">
{{ basic.float('second_floor.bath.temperature', 'second_floor.bath.temperature', 'C') }}<br />
{{ basic.symbol('second_floor.bath.temperature.state', 'second_floor.bath.temperature.state', '', icon1~'sani_bath.png') }}
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_second_floor_childsroom">
<table align=left cellpadding=0 cellspacing=0 border=0><tr><td>
<img class="icon" src="{{ icon0 }}scene_childs_room.png" /></td>
<td><h3>Kinderzimmer</h3></td>
</tr>
</table>
<div class="ui-li-aside">
{{ basic.float('second_floor.childs_room.temperature', 'second_floor.childs_room.temperature', 'C') }}<br />
</div>
</a>
</li>
<li data-role="list-divider">Erdgeschoss
</li>
<li data-icon="false">
<a href="index.php?page=first_floor_ventilation">
<img class="icon" src="{{ icon0 }}vent_ventilation.png" />
<h3>Lüftung</h3>
<div class="ui-li-aside">
{{ basic.symbol('vent_first_floor1a', 'first_floor.ventilation_status', 'manuelle Steuerung', icon0~'vent_ventilation_level_manual_m.png', 0) }}
{{ basic.symbol('vent_first_floor2a', 'first_floor.ventilation_status', 'aus', icon0~'vent_ventilation_level_0.png', 19) }}
{{ basic.symbol('vent_first_floor3a', 'first_floor.ventilation_status', 'WRG schwach', icon0~'vent_ventilation_level_2.png', 45) }}
{{ basic.symbol('vent_first_floor4a', 'first_floor.ventilation_status', 'WRG stark', icon0~'vent_ventilation_level_3.png', 130) }}
{{ basic.symbol('vent_first_floor6a', 'first_floor.ventilation_status', 'Durchzug stark', icon0~'vent_used_air.png', 253) }}
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_first_floor_cooking">
<table align=left cellpadding=0 cellspacing=0 border=0><tr><td>
<img class="icon" src="{{ icon0 }}scene_cooking.png" /></td>
<td><h3>Küche</h3></td>
</tr>
</table>
<div class="ui-li-aside" style="text-align: right;">
{{ basic.float('first_floor.kitchen.temperature', 'first_floor.kitchen.temperature', '°C') }}
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_first_floor_living">
<table align=left cellpadding=0 cellspacing=0 border=0><tr><td>
<img class="icon" src="{{ icon0 }}scene_livingroom.png" /></td>
<td><h3>Wohnzimmer</h3></td>
</tr>
</table>
<div class="ui-li-aside">
{{ basic.float('first_floor.livingroom.temperature', 'first_floor.livingroom.temperature', 'C') }}<br />
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_first_floor_entrance_hall">
<table align=left cellpadding=0 cellspacing=0 border=0><tr><td>
<img class="icon" src="{{ icon0 }}scene_hall.png" /></td>
<td><h3>Flur Hauseingang</h3></td>
</tr>
</table>
<div class="ui-li-aside">
{{ basic.float('first_floor.entrance_hall.temperature', 'first_floor.entrance_hall.temperature', 'C') }}<br />
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_first_floor_guest_bathroom">
<table align=left cellpadding=0 cellspacing=0 border=0><tr><td>
<img class="icon" src="{{ icon0 }}scene_toilet_alternat.png" /></td>
<td><h3>Gäste WC</h3></td>
</tr>
</table>
<div class="ui-li-aside">
{{ basic.float('first_floor.guest_bathroom.temperature', 'first_floor.guest_bathroom.temperature', 'C') }}<br />
</div>
</a>
</li>
<li data-role="list-divider">Keller</li>
<li data-icon="false">
<a href="index.php?page=basement_ventilation">
<img class="icon" src="{{ icon0 }}vent_ventilation.png" />
<h3>Lüftung</h3>
<div class="ui-li-aside">
{{ basic.symbol('vent_basement1a', 'basement.ventilation_status', 'manuelle Steuerung', icon0~'vent_ventilation_level_manual_m.png', 0) }}
{{ basic.symbol('vent_basement2a', 'basement.ventilation_status', 'aus', icon0~'vent_ventilation_level_0.png', 19) }}
{{ basic.symbol('vent_basement3a', 'basement.ventilation_status', 'WRG schwach', icon0~'vent_ventilation_level_2.png', 45) }}
{{ basic.symbol('vent_basement4a', 'basement.ventilation_status', 'WRG stark', icon0~'vent_ventilation_level_3.png', 130) }}
{{ basic.symbol('vent_basement5a', 'basement.ventilation_status', 'Durchzug stark', icon0~'vent_used_air.png', 253) }}
</div>
</a>
</li>
<li data-icon="false">
<a href="index.php?page=room_basement_laundry_room">
<img class="icon" src="{{ icon0 }}scene_laundry_room_fem.png" />
<h3>Heizungskeller</h3>
<div class="ui-li-aside">
{{ basic.float('basement.laundry_room.temperature', 'basement.laundry_room.temperature', 'C') }}<br />
{{ basic.symbol('basement.laundry_room.temperature.state', 'basement.laundry_room.temperature.state', '', icon1~'sani_heating.png') }}
{{ basic.float('basement.laundry_room.power_consumption_washing_machine', 'basement.laundry_room.power_consumption_washing_machine', 'mA') }}<br />
</div>
</a>
</li>
</ul>
Hat jemand so ein Phänomen schon Mal erlebt ?
Danke.
Gruß
Christian
Kommentar