jQuery加载正在触发主线程上的Synchronous XMLHttpRequest不建议警告

Question

$('#in-view-contents').load("/browse/".concat(selectedId), function(responseData){
    var contentsLabelEl = document.getElementById("refined-contents-container");
    contentsLabelEl.style.display = "block";
    var arrayOfReloadScripts = ["/js/rateable.js", "/js/siteWide.js", "/js/search/searchEvents.js"];
    reloadScripts(arrayOfReloadScripts);
});

and reloadScripts just iterates though the array and calls this function:

function reload_js(src) {
    $('script[src="' + src + '"]').remove();
    $('<script>').attr('src', src).appendTo('head');
}

Does this cause jquery to make an synchronous call like explained in this SO answer? If not how do I rerun a set of functions that I need to run once the html/server response is loaded?

EDIT: Here is the code for reloadScripts:

var reloadScripts = function(array){
    var len = array.length;
    for (var i = 0; i < len; i++){
        reload_js(array[i]);
    }
}

Answer 1

I removed the jquery code in reload_js and changed it to the following:

function reload_js(src) {
    var originalScript = document.querySelector('script[src="' + src + '"]');
    var parentEl = originalScript.parentNode;
    parentEl.removeChild(originalScript);
    // $('script[src="' + src + '"]').remove();
    var newScript = document.createElement('script');
    newScript.src = src;
    parentEl.appendChild(newScript);
    // $('<script>').attr('src', src).appendTo('head');
}

I did this because in the comments it was mentioned that this might be a bug in jquery. After doing this, the warning went away.