jquery - 按 id 升序加载图像

Question

我正在阅读 json 的图像。我总共有 16 张图像.. 我想按升序读取图像。id1、id2、id3 等等。

目前他们正在按降序加载

$(document).ready(function() {
    var globe;
    /*   Reading the data from XML file*/

    $.ajax({
        type: "GET",
        url: "photos.xml",
        dataType: "xml",
        success: function(xml) {
            $(xml).find('item').each(function() {
                var path = $(this).attr('path');
                var width = $(this).attr('width');
                var height = $(this).attr('height');
                var id = $(this).attr('id');
                var alt = $(this).attr('alt');
                var longdesc = $(this).find('longdesc').text();
                var description = $(this).find('desc').text();
                $('#myImageFlow').prepend('<img src="' + path + '" id=' + id + '  height="' + height + '"  width="' + width + '" longdesc="' + longdesc + '" alt="' + alt + '"/>');
                imgArr[i] = description;
            });
        }
    });
});

Answer 1

使用.append()而不是.prepend()

尝试这个

$('#myImageFlow').append('<img src="'+path+'" id='+id+'  height="'+height+'"  width="'+ width+'" longdesc="'+longdesc+'" alt="'+alt+'"/>');
                    imgArr[i] = description;