Я пытаюсь добавить некоторые html-теги из моего файла javascript. Я обнаружил, что темы (стили) не применяются в моих недавно добавленных элементах html внутри метода append. Я использую jquery mobile css и js для стилей в своем html файле. Вот мой 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;
}
);
}
вы можете попробовать что-то вроде
if ($('#cont').hasClass('ui-listview')) {
$('#cont').listview('refresh');
} else {
$('#cont').trigger('create');
}
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;
}
);
}