在jquery listview中获取标记

时间:2015-09-05 00:57:28

标签: jquery listview

我有以下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");

1 个答案:

答案 0 :(得分:0)

好的,这花了我一整天才找到答案。您需要在PARENT元素上放置.trigger(“create”)才能获得刷新。在我的情况下,我在ul.append(li)之后添加了ul.trigger(“create”);