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

如果我理解你的问题，这就是你想要的

＆＃13;

＆＃13;

<td id="dropzoneorg"></td> 

<script>
function showAlert(){

//retrieving value
var dropzone = $('#dropzoneorg').html();

//setting the value for the pop up
$('#diaplog span').html(dropzone);

//Pop up trigger
$( "#dialog" ).dialog({modal: true});

}

</script>



<div id="dialog">
<span> <span>
</div>

＆＃13;

＆＃13;

＆＃13;