Что касается вашего вопроса № 1 ...
$('a').live('click',function() {$(this).removeClass( $.mobile.activeBtnClass )});
$('li').live('click',function() {$(this).removeClass( $.mobile.activeBtnClass )});
Я заметил на своем сайте, что ссылки (которые я превращаю в кнопки с data-role = "button") и элементы списка будут оставаться синими после нажатия. Приведенный выше код удалил эту проблему для меня после помещения его в заголовок документа.
---- EDIT ----
Для оставшихся двух вопросов:
Некоторые примеры кода были бы хороши так же, как и целевое устройство, но похоже, что это проблема метатега области просмотра. Вот окно просмотра, на котором я остановился:
В этом окне просмотра размер страницы соответствует ширине и высоте экрана устройства и не позволяет изменять масштаб. Вы можете разрешить масштабирование, изменив значение «максимум-масштаб = 1,0» на большее значение (в настоящее время iPhone / Safari поддерживает до 10,0).
Что касается заставок, Xcode 4.0.2 (разработка для iPhone) позволил просто поместить файл Default.png в каталог / Resources / splash /. Если вы используете XCode, обязательно используйте мастер проекта Phonegap при создании проекта, потому что PhoneGap создает эти файлы по умолчанию, что упрощает замену изображений. Я использую Eclipes для своей разработки Android, которая также легко добавляет заставку в ваше приложение Phonegap. Просто поместите следующий код в файл /src/App.java непосредственно после функции «onCreate» и перед «super.onCreate (saveInstanceState);» строка:
super.setIntegerProperty ("заставка", R.drawable.splash);
Для этого потребуется поместить изображение с именем splash.png (я думаю, что любое расширение файла будет работать) в каталогах / res / drawable- * dpi (обычно это каталоги hdpi, mdpi и ldpi).
ПРИМЕЧАНИЕ: я использую PhoneGap 0.9.5.1, однако это должно работать с любым 0.9.2 и выше.
---- Конец редактирования ----