我有以下JQuery。它有效,但我无法弄清楚如何取回造型。所有A标签都是普通的超链接。没有按钮图标,向上,dn,del
var ul = $(".song-list-div > ul[data-role=listview]");
ul.html("");
if (songListArray.length == 0) {
var li = $("<li data-icon=\"false\">").append($("<a href=\"#\">").text("No list"));
ul.append(li);
} else {
songListArray.forEach(function(songElement) {
sIDin = songElement.indexOf("<songId>") + 8;
sIDout = songElement.indexOf("</songId>");
sID = songElement.substring(sIDin, sIDout);
sTitleIn = songElement.indexOf("<songTitle>") + 11;
sTitleOut = songElement.indexOf("</songTitle>");
sTitle = songElement.substring(sTitleIn, sTitleOut);
var li = $("<li data-icon=\"false\">");
var div = $("<div class='ui-block-a'>").append($("<a href=\"#\">").attr("value", sID).text(sTitle));
li.append(div);
div = $("<div class='ui-block-b' style='float: right;'>");
div.append($("<a href='#' data-role='button' data-icon='arrow-u' data-iconpos='notext' data-inline='true'>").text("up"));
div.append($("<a href='#' data-role='button' data-icon='arrow-d' data-iconpos='notext' data-inline='true'>").text("dn"));
div.append($("<a href='#' data-role='button' data-icon='delete' data-iconpos='notext' data-inline='true'>").text("del"));
li.append(div);
li.attr("songid", sID)
li.children("a").click(setCurrentSong);
ul.append(li);
});
}
ul.listview("refresh");
答案 0 :(得分:0)
好的,这花了我一整天才找到答案。您需要在PARENT元素上放置.trigger(“create”)才能获得刷新。在我的情况下,我在ul.append(li)之后添加了ul.trigger(“create”);