javascript - 使用 ajax 填充联合画廊

Question

您好，我目前正在尝试使用 ajax 填充一个联合画廊，但是该画廊只是挂着一个加载图标，并且不显示任何需要帮助的图像

Ajax

$('document').ready(function () {
    var folder = "http://localhost/client%20side%20web%20coursework/files/";

    jQuery("#gallery").unitegallery();

    $.ajax({
        url: folder,
        asynch: false,
        cache: false,
        success: function (data) {
            $(data).find("a").attr("href", function (i, val) {
                if (val.match(/\.(jpe?g|png|gif)$/)) {
                    $("#gallery").append("<img alt='uploaded file' src='" + folder + val + "'data-image='" + folder + val + "'data-description='uploaded file by user'>'");
                }
            });
        }
    });
});

我们正在尝试填充div

<div id="gallery" style="display:none;">
</div>

任何不熟悉的人都可以在这里找到unite gallery的文档http://unitegallery.net/index.php?page=documentation#installing_the_gallery

任何帮助将不胜感激

Answer 1

$('document').ready(function(){
    var folder = "http://localhost/client%20side%20web%20coursework/files/";
    $.ajax({
        url : folder,
        asynch : false,
        cache : false,
        success: function (data) {
            var $gallery = $("#gallery");
            var imgsToAppend = '';
            $(data).find("a").each(function(i, el) {
                var val = $(el).attr('href');
                if (val.match(/\.(jpe?g|png|gif)$/)) {
                    imgsToAppend+="<img alt='uploaded file' src='" + folder + val + "' data-image='" + folder + val + "' data-description='uploaded file by user'>";
                }
            });
            if(imgsToAppend){
                $gallery.append(imgsToAppend);
            }
            $gallery.unitegallery();
        }
    });
});

这解决了问题。不管怎样，谢谢你的帮助。