0

我正在经历一种非常奇怪的行为。当我更改为页面（jQuery Mobile 事件“pagebeforeshow”）时，我调用一个函数，如下所示：

$("#library").on("pagebeforeshow", function(event){
    player.loadFiles();
});

我调用的函数如下所示：

Player.prototype.loadFiles = function(dir) {
    dir = dir == undefined ? 'file://~' : dir;
    if(dir.indexOf(data.lastDir) != 0){
        console.log("fired");
        $("li.item").remove();
        $.ajax({
            url: 'http://' + data.ip + ":" + data.port + '/requests/browse.xml',
            data: 'uri=' + encodeURIComponent(dir),
            dataType: "xml",
            success: function (data, status, jqXHR) {
                if(dir.indexOf(data.lastDir) != 0){
                var html = "";
                $(data).find("element").each(function(){
                    html += '<li class="item">' + $(this).attr('name') + "</li>";
                });
                $("#filelist").append(html);
                $(".item").addClass("ui-li ui-li-static ui-btn-up-a ui-first-child ui-last-child")
            }   
        },
        error: function (jqXHR, status, error) {
            alert("fail")
        }
    });
    data.lastDir = dir;
}

}

现在，如果我第一次访问该页面，它可以正常工作。它将列表项附加到 ul #filelist 并正确设置变量。现在，当我离开页面时，它会再次添加它们。但是，控制台中未显示“已解雇”。如果我再次访问该页面，它们不会再次添加，但如果我再次离开，它们会。我不知道为什么它会这样，并感谢任何提示！

Stiller_leser

4

0 回答 0