javascript - 如何在 append() 方法中将主题应用于 html

Question

我正在尝试从我的 javascript 文件中附加一些 html 标签。我发现在 append 方法中新添加的 html 元素中没有应用主题（样式）。我在我的 html 文件中使用 jquery mobile css 和 js 作为样式。这是我的js文件；

var callback;

function call(uid,pw) { 
            callback=true;

        $.getJSON("json.jsp" + "?uid=" + uid + "&rdm=" + Math.random(), 
            function(data){ 
                var arr=data.menu.split(",");
                $("#cont").empty();
                $.each( arr, function( key, val ) {
                $( "#cont").append("<ul data-role='listview' data-divider-theme='b' data-inset='true'><li data-theme='c'><a href='#page1' data-transition='slide'>" + val + "</a></li></ul>");
                });
                callback=false;
                }      
        );
    }

Answer 1

你可以尝试类似的东西

if ($('#cont').hasClass('ui-listview')) {
   $('#cont').listview('refresh');
} else {
   $('#cont').trigger('create');
}

Answer 2

var callback;

function call(uid,pw) { 
    callback=true;
    $.getJSON("json.jsp" + "?uid=" + uid + "&rdm=" + Math.random(), 
        function(data){ 
            var arr=data.menu.split(",");
            $("#cont").empty();
            $.each( arr, function( key, val ) {
                $( "#cont").append("<ul data-role='listview' data-divider-theme='b' data-inset='true'><li data-theme='c'><a href='#page1' data-transition='slide'>" + val + "</a></li></ul>");                    

            });
            $('#cont').trigger('create');
            $('[data-role="listview"]').listview('refresh');
            callback=false;
        }      
    );
}