PhoneGapを使用しているJQuery Mobieによるカスタムアイコン

Question

私はPhoneGapとJQuery Mobileを使用しています。カスタムボタンアイコンを使用しようとしています。私はこれがどのように動作するかについての多くの例を見てきましたが、私の電話ギャップアプリ内で動作させることはできません。

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

もう少し背景がそのスタイルのエントリが最後のエントリでされている：私はボタン次ている体で

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

：私のヘッダーで

私は次のスタイルを持っています他のすべてのJQueryリファレンスの後に追加します。 PhoneGapの-1.0.0.js http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css ドキュメント/ _assets/CSS/jqm-docs.css http://code.jquery.com/jquery-1.6.4.min.js 実験/ themeswitcher/jquery.mobile.themeswitcher.js ：

これらは、他のエントリのバージョンでありますあなたのコードはここにも、働く必要がある場合は、ドキュメント/ _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; 
} 

希望すると助かります！