在javascript中使用jQuery移动css

在javascript中使用jQuery移动css,javascript,android,css,jquery-mobile,Javascript,Android,Css,Jquery Mobile,我正在使用phone gap检索手机的联系人,并希望使用jquery mobile在listview中显示姓名。但是执行此代码时没有应用css 这是密码 文件。添加的监听器(“deviceready”,OnDeviceraddy,false); 函数ondevicerady(){ var contactList=new ContactFindOptions(); contactList.filter=“”; contactList.multiple=true; var fields=[“*”]

我正在使用phone gap检索手机的联系人,并希望使用jquery mobile在listview中显示姓名。但是执行此代码时没有应用css

这是密码


文件。添加的监听器(“deviceready”,OnDeviceraddy,false);
函数ondevicerady(){
var contactList=new ContactFindOptions();
contactList.filter=“”;
contactList.multiple=true;
var fields=[“*”];/“*”将返回所有联系人字段
查找(字段、getContactFields、OneError、contactList);
}
函数getContactFields(联系人){
//在列表视图中显示联系人

对于(var i=0;i首先,代码中几乎没有错误

  • 您添加列表元素的方式不正确。您正在为每个元素contact元素添加listview。因此,首先创建ul元素,然后通过循环向其中添加li元素。如果您使用的是JQM,请将其与适当的jQuery sintax一起使用
  • 相反:

    document.getElementById("temp").innerHTML+='<ul id="get" data-role="listview"><li><a href="#contact">'+contacts[i].displayName+'</a></li></ul>'
    
    document.getElementById("temp").innerHTML+='<ul id="get" data-role="listview"><li><a href="#contact">'+contacts[i].displayName+'</a></li></ul>'
    
    $('#temp').append(<ul id="get" data-role="listview"></ul>);
    $('#temp ul#get').append('<li><a href="#contact">'+contacts[i].displayName+'</a</li>');
    
      $('#get').listview();