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>