如何在jQuery Mobile中控制主题应用程序?

时间:2013-10-11 05:43:23

标签: android html5 jquery-mobile cordova

我正在尝试在显示联系人详细信息时将主题应用于<ul>标记。但是,只有在首次显示联系人详细信息后,data-theme和list-divider-theme才会应用于<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>的第一个主题?第一次输出显示在快照之后:

0 个答案:

没有答案