Пользовательские значки с JQuery Mobie с использованием PhoneGap не работают

Question

Я использую PhoneGap и JQuery Mobile.Я пытаюсь использовать пользовательские значки кнопок.Я видел много примеров того, как это работает, но мне не удается заставить его работать в моем приложении для телефона.

В моем заголовке у меня есть следующий стиль:

                    .ui-icon-customic {
                        background-image: url(/nasa.png);
                        background-repeat: no-repeat;
                    }
                    .ui-icon-customic {
                        background-position: 0 50%;
                    }

В теле у меня есть следующая кнопка:

  <a href="#" data-role="button" data-icon="customic" data-iconpos="right">Custom Icon</a>

Еще немного фона, что запись стиля находится на последней записи в заголовке после всех других ссылок JQuery.

Это версия других записей: phonegap-1.0.0.js http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css docs / _assets / css / jqm-docs.css http://code.jquery.com/jquery-1.6.4.min.js эксперименты / themeswitcher / jquery.mobile.themeswitcher.js docs / _assets / js / jqm-docs.js http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js

Answer 1

Не знаю, должен ли ваш код работать, вот как я это сделал (и это работает =))

<a href="#..." id="lang_de_button" data-icon="custom" class="ui-btn-right">Text</a>

Css:

#lang_de_button .ui-icon { 
    background: url(images/at.png) 50% 50% no-repeat;
    background-size: 16px 11px;
    box-shadow: none!important;
    border-radius: 0px !important;
}

Надеюсь, это поможет!