Jquery ui 代码不在服务器上工作，但在本地主机上工作

在这里，我使用一个代码通过应用程序从facebook获取用户和他的朋友的照片。该代码在localhost中正常工作，但在服务器中无法正常工作。以下是我想要的全部功能：

点击按钮，从facebook数据获取用户信息

用下拉菜单显示弹出窗口

显示用户第一个相册的图片

在选择时显示FRND的图片

单击任何图像后，所选图像应显示在下一个div中

以上所有功能均在本地主机和服务器上实现，但第一张相册图像未正确显示，单击任何图像也无法正常工作

// chk for login of user
function Login(y) {
                picidgen = y;
                FB.login(function (response) {
                    if (response.authResponse) {
                        getUserInfo();//get user info
            sbsfbdemo();// open popup
                    } else {
                        console.log('User cancelled login or did not fully authorize.');
                    }
                }, {
                        scope: 'email,user_photos,user_videos,read_friendlists,friends_photos',
                });
        }

        function getUserInfo() {
                FB.api('/me?fields=name,albums,photos,friends', function (response) {
                    var str = "  Select  Friends  " + "<select name='frndlst2' onchange='frndsalbum()' id='frndlst2'>"
                    str += "<option value='" + response.id + "'selected ='selected'>" + "me" + "</option>";
                    for (i = 0; i < response.friends.data.length; i++)
                        str += "<option value='" + response.friends.data[i].id + "'>" + response.friends.data[i].name + "</option>"
                        str += "</select>"
                        str += "   Select  Album  " + "<select name='frndlst1' onchange='getfrndsphotos()' id='frndlst1'>"
                    for (x = 0; x < response.albums.data.length; x++)
                        str += "<option value='" + response.albums.data[x].id + "'>" + response.albums.data[x].name + "</option>"
                        str += "</select>";
                        document.getElementById("status").innerHTML = str;
                        picid = response.albums.data[0].id;
                        var c = response.albums.data[0].count;
                FB.api('/' + picid + '/photos?limit=400&offset=0', function (photos) {
                    if (photos && photos.data && photos.data.length) {
                        for (var j = 0; j < c; j++) {
                            var photo = photos.data[j];
                    // photo.picture contain the link to picture
                            var image = document.createElement('img');
                            image.style.border = "1px solid black";
                            image.style.margin = "10px";
                            image.style.cursor = "pointer";
                            image.src = photo.picture; //user photo is displayed in  div(named picture)
                            picsrc["a" + j] = photo.source;
                            image.className = "a";
                            image.id = "a" + j;
                            document.getElementById("picture").appendChild(image);
                        }
                    }
                $(".a").bind("click", function () {
                        var photo = $(this).attr("id");
                        imagecrop = picsrc[photo];
                        $("#big-pic").find("img").attr("src", picsrc[photo]);// onclick of image it should be displayed in 2nd div(named big-pic)
                });
                });
                });
        }
        function frndsalbum() {
                document.getElementById("frndlst1").options.length = 0;
                var f2 = document.getElementById("frndlst2");
                ffrr = f2.options[f2.selectedIndex].value;
                    FB.api('/' + ffrr + '?fields=albums', function (response) {
                            var f1 = document.getElementById("frndlst1");
                            for (var i = 0; i < response.albums.data.length; i++) {
                                var album = response.albums.data[i];
                                var option = document.createElement('option');
                                option.text = album.name;
                                option.value = album.id;
                                f1.appendChild(option);
                            }
                document.getElementById("picture").innerHTML = "";
                var picid = response.albums.data[0].id;
                var c = response.albums.data[0].count; //1st album lenth
                    FB.api('/' + picid + '/photos?limit=400&offset=0', function (photos) {
                        if (photos && photos.data && photos.data.length) {
                            for (var j = 0; j < c; j++) {
                                var photo = photos.data[j];
// photo.picture contain the link to picture
                                var image = document.createElement('img');
                                image.style.border = "1px solid black";
                                image.style.margin = "10px";
                                image.style.cursor = "pointer";
                                image.src = photo.picture;
                                picsrc["a" + j] = photo.source;
                                image.className = "a";
                                image.id = "a" + j;
                                document.getElementById("picture").appendChild(image);
                            }
                        }
                    $(".a").bind("click", function () {
                        var photo = $(this).attr("id");
                        imagecrop = picsrc[photo];
                        $("#big-pic").find("img").attr("src", picsrc[photo]);
                    });
                    });
                    });
        }
        function getfrndsphotos() {
                document.getElementById("picture").innerHTML = "";
                var f1 = document.getElementById("frndlst1");
                ffr = f1.options[f1.selectedIndex].value;
                    FB.api('/' + ffr + '/photos?limit=400&offset=0', function (photos) {
                        if (photos && photos.data && photos.data.length) {
                            for (var j = 0; j < photos.data.length; j++) {
                                var photo = photos.data[j];
// photo.picture contain the link to picture
                                var image = document.createElement('img');
                                image.style.border = "1px solid black";
                                image.style.margin = "10px";
                                image.style.cursor = "pointer";
                                image.src = photo.picture;
                                picsrc["a" + j] = photo.source;
                                image.className = "a";
                                image.id = "a" + j;
                document.getElementById("picture").appendChild(image);
                        }
                        }
                $(".a").bind("click", function () {
                    var photo = $(this).attr("id");
                    imagecrop = picsrc[photo];
                    $("#big-pic").find("img").attr("src", picsrc[photo]);
        });
    });

}

//用于用户登录的chk
功能登录（y）{
皮根=y；
FB.登录（功能（响应）{
if（response.authResponse）{
getUserInfo（）；//获取用户信息
sbsfbdemo（）；//打开弹出窗口
}否则{
log（'用户取消登录或未完全授权'）；
}
}, {
范围：“电子邮件、用户照片、用户视频、阅读朋友列表、朋友照片”，
});
}
函数getUserInfo（）{
api（'/me？fields=姓名、相册、照片、朋友），函数（响应）{
var str=“选择朋友”+“”
str+=“+”我“+”；
对于（i=0；i