ajax - ListView ('refresh' )不工作

Question

在我的应用程序中 listView('refresh') 不起作用。这是我的代码

我动态创建listView

 var str = "<ul data-role='listview' data-inset='true' id='mylist'>";

        for(var i = 0; i<data.length; i++ ){
            str += "<li>"+data[i].note.text+"</li>";
        }
       str += "</ul>"

        $('#content').append(str);

function addnote(){
    var note_text = $('#note_text').val();
    var note_lat  = $('#lat').val();
    var note_lng  = $('#lng').val();

    $.ajax({

        type: "POST",
        beforeSend: function (jqXHR) {
            jqXHR.setRequestHeader(KEY1, _key1);
            jqXHR.setRequestHeader(KEY2, _key2);
        },

        url:SERVER_URL+"api/addNotes/",



        data: {type: 'text',note_text: note_text, note_lat: note_lat , note_lng: note_lng},

        success: function(data, textStatus, jqXHR) {
            if (data.status == "ok"){

                $.mobile.changePage("file:///android_asset/www/index.html?"+_key1+"|"+_key2+"|");


             }
            else{
                alert("Something wrong");
            }

        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert("Error=" + errorThrown);
        },

        complete: function() {
            $('#mylist').listview('refresh');

        }
    });
}

我读了很多报告和论坛，说我必须在ajax的完整功能中调用listview('refresh')。但在我的代码中它不起作用，有人能告诉我这里有什么问题吗？

Answer 1

刷新适用于向现有的增强 ListView 添加元素时。如果您要动态创建整个 ListView ，则需要在父 div 上触发“创建”。

如果你有<div id="container><ul></ul></div> ，您需要调用$("#container").trigger("create") .