Jquery mobile 通过JS添加字体图标

我正在使用令人敬畏的字体图标构建JQM应用程序，如果我添加到HTML

，一切都很好。如果我通过javascript创建它，就会出现问题。它从来没有出现过

这个图标变成了一个

，我试着触发“刷新”、“创建”。。。但什么也没发生

有没有办法解决这个问题？提前谢谢

问候,

另外，我也在使用引导，我先加载引导，然后加载FA，就像FA网页上说的那样

更新（简单代码…）

JS

var elemHtml = "" +
"<div data-type=\"tlf\" id=\"XXX\">
    <ul data-role=\"listview\" data-inset=\"true\" data-theme=\""+selectedTheme+"\">
        <li data-icon=\"false\">
            <a href=\"tel:600123456\"><i class=\"icon-phone\"></i>600123456</a>
        </li>
    </ul>
</div>";

$("#screen").contents().find("#screenBody").append(elemHtml);

var elemHtml=“”+
"




";
$（“#screen”）.contents（）.find（“#screen body”）.append（elemHtml）；

JSP

<link rel="stylesheet" href="resources/css/bootstrap.min.css" />
<link rel="stylesheet" href="resources/css/font-awesome.min.css" />

<div id="screen">
    <div id="screenBody"></div>
</div>

---

我测试了下面的代码，它正常工作，使用了Font Awesome（没有Bootstrap.js）。我还给了

列表视图

一个ID（

#listviewtest

）

$（document）.on（'pagebeforeshow'，function（）{
var elemHtml=
""
+“
”
+“”
+“”
+“”
+“”
+“
”
+ "";
$（“div[data role='content']）。追加（elemHtml）；//追加到data role='content'
$（'#listviewtest'）.listview（）；
});

添加元素后重试<代码>$（“#屏幕主体”）.find（“a”）.addClass（“图标手机”）谢谢@Omar，但它不起作用。我尝试过初始化

.listview（）

，然后添加

+
.listview（“resfresh”）
，什么都没有。如果你手动引用页面，图标会出现吗？对不起，我的意思是
$（“#屏幕主体”）。查找（“I”）.addClass（“图标手机”）
$(document).on('pagebeforeshow', function(){
 var elemHtml = 
  "<div data-type='tlf'>"
  + "<ul data-role='listview' data-inset='true' data-theme='' id='listviewtest'>"
   + "<li data-icon='false'><a href='tel:600123456'>"
   + "<i class='icon-phone'></i>600123456</a>"
   + "</li>"
   + "<li data-icon='false'><a href='tel:600123456'>"
   + "<i class='icon-remove-sign'></i>600123456</a>"
   + "</li>"
  + "</ul>"
  + "</div>";
 $("div[data-role='content']").append(elemHtml); // append to data-role='content'
 $('#listviewtest').listview();
});