Javascript 无法将动态数据添加到jquery中的列表中

我正在尝试将数据动态添加到

li

中，但无法添加。有多行数据要添加。我正在屏幕上看到我的html标记代码。这是html

<div data-role="content">
 <ul id="ContactList">
 </ul>
</div>

这是jquery代码

function onSuccess(contacts) {
//console.log(JSON.stringify(contacts))
 $('#ContactList').empty();
  $.each(contacts, function(key, value) {
    if(value.name){
        $.each(value.name, function(key, value) {
           if(key == 'formatted'){
               name = value;
           }                      
        });
    }
    if(value.phoneNumbers){
        $.each(value.phoneNumbers, function(key, value) {
            phone = value.value;
        });
    }                    
    $('#ContactList').append('
    < li>< a href=" #">< h3 class="ui-li-heading">'+name+'< /h3>< div class="ui-li-desc">Club '+phone+'< /div>< /a>< /li>');

   $('#ContactList').listview();

   }

成功时的功能（联系人）{ //console.log（JSON.stringify（contacts）） $（“#联系人列表”）.empty（）； $。每个（联系人、功能（键、值）{ if（value.name）{ $.each（value.name，函数（键，值）{ 如果（键==“格式化”）{ 名称=值； } }); } if（值.电话号码）{ $.each（value.phoneNumber，函数（键，值）{ 电话=value.value； }); } $（'#联系人列表'）。追加（'

“+name+”

俱乐部+电话+”

”； $（“#联系人列表”）.listview（）； }

---

代码似乎缺少

的闭包括号
）}

在构建内容的行中，Html格式不正确。html标记被破坏了

而不是：

$('#ContactList').append('
    < li>< a href=" #">< h3 class="ui-li-heading">'+name+'< /h3>< div class="ui-li-desc">Club '+phone+'< /div>< /a>< /li>');

$（'#联系人列表'）。追加（'
“+name+”
俱乐部+电话+”
”；

使用以下方法：

$('#ContactList').append('<li><a href="#"><h3 class="ui-li-heading">'+name+'</h3><div class="ui-li-desc">Club '+phone+'</div></a></li>');

$（“#联系人列表”）。追加（“
”）；
试试这个

 function onSuccess(contacts) 
    {

    var h3 = $('<h3 class="ui-li-heading"></h3>');
    var div = $('<div class="ui-li-desc"></div>');
    var ac = $('<a href=" #"></a>');
    var li = $('<li></li>');

     $('#ContactList').empty();
      $.each(contacts, function(key, value) {
        if(value.name){
            $.each(value.name, function(key, value) {
               if(key == 'formatted'){
                   name = value;
               }                      
            });
        }

     if(value.phoneNumbers){
            $.each(value.phoneNumbers, function(key, value) {
                phone = value.value;

       });

     } 

         h3.html(name);
         div.html(phone);

         ac.html(h3+div);

         li.html(ac);



        $('#ContactList').append(li);
       $('#ContactList').listview('refresh');
      });
    } 

成功时的功能（联系人）
{
风险值h3=$（''）；
var div=$（''）；
var ac=$（''）；
var li=$（“
”）；
$（“#联系人列表”）.empty（）；
$。每个（联系人、功能（键、值）{
if（value.name）{
$.each（value.name，函数（键，值）{
如果（键==“格式化”）{
名称=值；
}                      
});
}
if（值.电话号码）{
$.each（value.phoneNumber，函数（键，值）{
电话=value.value；
});
} 
h3.html（名称）；
div.html（电话）；
ac.html（h3+div）；
html（ac）；
$（“#联系人列表”）。追加（li）；
$（“#联系人列表”）.listview（“刷新”）；
});
} 

尝试使用$（“#联系人列表”）.listview（“刷新”）@RamzanZafar好的..让我试试..我会通知..@sanatanmishra我发现了问题并在下面添加了解决方案。@sanatanmishra您检查过这个吗？我还为jquery mobile添加了结果的屏幕截图。我想在你的情况下不是这样的。我很抱歉地告诉你它不起作用。我得到的HTML标记与屏幕上的输出相同。这不是唯一的问题。。用JSFIDLE检查我下面的解决方案。@EdanFeiles最初的问题是：“我正在让我的html标记代码在屏幕上可见”。这已在提供的解决方案中修复。此代码是否也适用于jquery移动应用程序？因为我正在使用它。谢谢。我在问题中发布的HTML标记代码是否需要任何更改？因为我的isseu在尝试所有这些解决方案时也是一样的。现在我可以看到屏幕。先前的错误已删除，但仍然无法看到联系人列表中的任何数据..为什么？我得到了（点）[Object Object][Object]@WisdmLabs@sanatan您正在调用的

$（“#联系人列表”）。列表视图（'refresh'）在
内。每个
功能。
$('#ContactList').append('<li><a href="#"><h3 class="ui-li-heading">'+name+'</h3><div class="ui-li-desc">Club '+phone+'</div></a></li>');

 function onSuccess(contacts) 
    {

    var h3 = $('<h3 class="ui-li-heading"></h3>');
    var div = $('<div class="ui-li-desc"></div>');
    var ac = $('<a href=" #"></a>');
    var li = $('<li></li>');

     $('#ContactList').empty();
      $.each(contacts, function(key, value) {
        if(value.name){
            $.each(value.name, function(key, value) {
               if(key == 'formatted'){
                   name = value;
               }                      
            });
        }

     if(value.phoneNumbers){
            $.each(value.phoneNumbers, function(key, value) {
                phone = value.value;

       });

     } 

         h3.html(name);
         div.html(phone);

         ac.html(h3+div);

         li.html(ac);



        $('#ContactList').append(li);
       $('#ContactList').listview('refresh');
      });
    }