jQuery Mobile - 折りたたみ可能なヘッダーの余分なアイコン

Question

fontawesomeの余分なアイコンをjQuery Mobileの折りたたみ可能なヘッダーの右側に追加したいと思います。みかんのように：マドリードの左に

の評価と同様に、デフォルトのアイコン、および右に星のアイコンと番号になります。誰でもこれを行う方法を知っていますか？

<div class="ui-collapsible-set"> 
    <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u"> 
     <h3>Madrid encantado<i class="fa fa-star-half-o" aria-hidden="true"></i></h3> 
    </div> 
</div> 

これはヘッダーを構成するコードの一部です。 h3内のテキストはヘッダーのタイトルと内容を定義しますが、アイコンを内部に入れることはできません。

Answer 1

私はあなたの質問を理解していれば、これはあなたが

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<div class="ui-collapsible-set"> 
 
    <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u"> 
 
     <h3><i class="fa fa-stack-overflow" aria-hidden="true"></i> Madrid encantado <i class="fa fa-star-half-o" aria-hidden="true"></i></h3> 
 
    </div> 
 
</div>