如何动态更改在jQuery中选择的SharePoint图片库

Question

我试图动态更改SharePoint图片库幻灯片Web部件从哪个图片库中提取使用jQuery的图片。我做了一个下拉列表，当它更改了选择中的图片库时，实际使用的图片库是它设置的默认图片库。

当前，我正在使用localStorage设置选择哪个图片库。看起来当我去编辑Web部件时正在选择正确的图片库，但它仍显示我设置的默认图片库。

    function loadLib() {
        if (localStorage.getItem("lib") == "jb2018") {
            $("#pictureLibChooser").val("jb2018");
            $('select[name="ctl00$MSOTlPn_EditorZone$g_2e43ed06_a7c6_4224_89c1_f508d113ae5e_editorPart1$ctl02"] option[value=4ab99969-26bf-401f-aecd-b9794e38b1e6]').prop("selected", true);
        }
        else if (localStorage.getItem("lib") == "tyktw2018") {
            $("#pictureLibChooser").val("tyktw2018");
            $('select[name="ctl00$MSOTlPn_EditorZone$g_2e43ed06_a7c6_4224_89c1_f508d113ae5e_editorPart1$ctl02"] option[value=3cedd89b-ab02-4fb9-86c7-1826db18f12f]').prop("selected", true);
        }
        else {
            $("#pictureLibChooser").val("er2018");
            $('select[name="ctl00$MSOTlPn_EditorZone$g_2e43ed06_a7c6_4224_89c1_f508d113ae5e_editorPart1$ctl02"] option[value=3af54dca-7b60-4fd6-9167-f04f45112c95]').prop("selected", true);
        }
    }

    function onSelectChange() {
        if ($("#pictureLibChooser").find(":selected").val() == "jb2018") {
            localStorage.setItem("lib", "jb2018");
            location.reload();
        }
        else if ($("#pictureLibChooser").find(":selected").val() == "tyktw2018") {
            localStorage.setItem("lib", "tyktw2018");
            location.reload();
        }
        else {
            localStorage.setItem("lib", "er2018");
            location.reload();
        }
    }

    return {
        startOnLoadEvents : function() {
            loadLib();
            $("#pictureLibChooser").on("change", onSelectChange);
        }
    }