0

我正在尝试<ul>在显示联系人详细信息时将主题应用于标签。<ul>但是数据主题和列表分隔符主题只有在第一次显示联系人详细信息后才会应用于内容。我的代码如下。

document.addEventListener("deviceready", onDeviceReady, false);
$(function(){
       $(".contactSelect").live('click',function(){

           $('#contactdetail').empty();

           var txt = "<ul data-inset='true' list-divider-theme='b' id='contactdetail'></ul>";
        $("#box").append(txt);
        id = this.id;
        $('#contactdetail').append($('<li/>', {
                    'class':'contactdetailClass',
                    'data-role':'list-divider',   
                    'text':'Name'                               
                }));
        $('#contactdetail').append($('<li/>', {
                    'class':'contactdetailClass',
                    'text':mainContacts[id].displayName   
                }));
        $('#contactdetail').append($('<li/>', {
                    'class':'contactdetailClass',
                    'data-role':'list-divider',
                    'text':mainContacts[id].phoneNumbers[0].type                                   
                }));
        $('#contactdetail').append($('<li/>', {
                    'class':'contactdetailClass',
                    'text':mainContacts[id].phoneNumbers[0].value  
                }));
        $('contactdetail').trigger('create');

        $('#contactdetail').listview();
        $('#contactdetail').listview('refresh');
    });
});

    function onDeviceReady() {

                var options = new ContactFindOptions();
                options.multiple=true; 
                var fields = ["*"];
                navigator.contacts.find(fields, onSuccess, onError, options);
            }

            function onSuccess(contacts) {

                  mainContacts=contacts;
                    for (var i=0; i < contacts.length; i++) {
                        $('#contactContainer').append($('<li/>', {   
                              }).append($('<a/>', {
                              'id':i,
                            'href': '#two',
                            'data-role':'button',
                            'text': contacts[i].displayName,
                            'class': 'contactSelect'
                        })));
                    };

                    $('ul').listview('refresh');
             }

            function onError(contactError) {

                    }

请帮我找出为什么在<ul>显示联系方式时第一次没有应用主题？第一次输出显示如下快照：

4

0 回答 0