контроль ползунка/диапазона в нижнем колонтитуле

Question

При добавлении PhoneGap (Android) в веб-приложение jQM управление слайдером jQM, которое должно быть расположено в нижнем колонтитуле, удаляется и помещается в нижний колонтитул через PhoneGap (?). Используется Adobe PhoneGap Build.

<div data-role="footer" data-position="fixed" data-theme="d" data-id="nav"> 
<div data-role="navbar" id="mynav"> 
<ul> 
<li><input type="range" name="dayslider" id="dayslider" value="180" min="1" max="365" data-highlight="true" /></li> 
<li><input type="button" data-icon="check" data-iconpos="bottom" value="Animate" id="animate" onclick="animY()"></li> 
</ul> 
</div> 
</div> 

В чем причина? Существуют ли какие-либо ограничения (по PhoneGap) на то, что вы можете иметь в нижнем колонтитуле jQM?

Answer 1

Это должно сработать. Я нашел JQM, data-position = «fixed» не работает хорошо со всеми устройствами и изменен на абсолютное позиционирование CSS. Однако во втором входе отсутствует «/». Это может вызвать проблему.

<input type="button" data-icon="check" data-iconpos="bottom" value="Animate" id="animate" onclick="animY()"> 

Должно быть:

<input type="button" data-icon="check" data-iconpos="bottom" value="Animate" id="animate" onclick="animY()"/>