теги html5 не работают в phonegap-Android

#cordova

#кордова

Вопрос:

Я пытаюсь использовать тег слайдера html5 в моем приложении phonegap. Но ползунок не отображается в эмуляторе Android. Я использую phonegap.0.9.4, Android 2.2. Может кто-нибудь, пожалуйста, сказать мне, как заставить теги html5 работать в моем приложении?

заранее спасибо..

1. итак, как вы решили эту проблему? Я пробовал на планшете Android, а не на симуляторе, и я вижу только панель ползунка, а не скользящую кнопку. Я использую только ввод диапазона html5 — без jQuery. (У меня есть тег <!DOCTYPE html>)

Ответ №1:

Возвращает ли он ваш ввод в виде ввода типа «текст»? Тип «range» для входных элементов в HTML5, скорее всего, не поддерживается в браузере. Вы можете попробовать использовать ползунок jQuery:http://jqueryui.com/demos/slider

1. Мой код …<html><head> <script type=»text / javascript» charset=»utf-8″ src =»phonegap.0.9.4.js «></script></head> <body> <тип ввода = «диапазон» min= «0» max = «50» значение =»0″ шаг = «5» onchange=»showValue(this.value)» /> <идентификатор диапазона=»диапазон»> 0 <тип сценария =»текст / javascript»> функция showValue(новое значение) { document.getElementById(«диапазон»).innerHTML=Новое значение ; } </script> </body> </html> ..Слайдер не отображается .. но в браузере safari он отображается.. Я пытался использовать код, показанный в jqueryui.com/demos/slider это также не работает..

2. Как я уже сказал, ввод «диапазона», скорее всего, не поддерживается в браузере эмулятора. Я считаю маловероятным, что ползунок jQuery не работает, если только каким-то образом ваш эмулятор не подключен к шлангу.

Ответ №2:

Если вы не пытаетесь получить доступ к функциям, зависящим от конкретного устройства (GPS, камера и т.д.), код, который вы создаете для PhoneGap, Должен быть доступен для тестирования с помощью браузера. Можете ли вы убедиться, что ваш HTML-код правильно функционирует в браузере, прежде чем тестировать его с помощью эмулятора Android?

Если ваш код успешно запускается в браузере, но не удается сделать это в эмуляторе Android … совместное использование проблемного кода может помочь другим определить источник вашей проблемы. В противном случае никто не ответит, потому что нет ничего конкретного, на что они могли бы ответить.

1. Мой код … <html> <тело> <тип ввода = «диапазон» min = «0» max = «50» значение = «0» шаг = «5» onchange=»showValue(this.value)» /> <идентификатор диапазона=»диапазон»> 0</span> <тип сценария = «текст / javascript»> функция showValue(новое значение) { document.getElementById(«диапазон»).innerHTML=новое значение; } < /скрипт> </тело> </html>

2. Мой код …<html><head> <script type=»text / javascript» charset=»utf-8″ src =»phonegap.0.9.4.js «></script></head> <body> <тип ввода = «диапазон» min=»0″ max = «50» значение =»0″ шаг = «5» onchange=»showValue(this.value)» /> <идентификатор диапазона=»диапазон»> 0</span> <тип сценария =»текст / javascript»> функция showValue(новое значение) { document.getElementById(«диапазон»).innerHTML=Новое значение ; } </script> </body> </html> ..Слайдер не отображается .. но в браузере safari он отображается

3. <!DOCTYPE html> я не использовал это. Вот почему это не сработало. В jquerymobile это работает нормально.