jQuery Mobile-可折疊標題中的額外圖標

Question

我想在jQuery Mobile中可折疊標題的右側添加一個來自fontawesome的額外圖標，除了左側的默認圖標之外。 像這樣排序：

馬德里的左側為默認圖標，右側為星形圖標和數字，例如等級。 有人知道該怎么做嗎？

<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>