你只需要输入 窗口。jQuery控制台。如果它返回一个函数(e,n)…确认jquery加载成功，运行正常。

有些事情不对劲

好吧，您正在使用jQuery来检查jQuery的存在。如果jQuery没有加载，那么$()甚至不会运行，你的回调也不会执行，除非你正在使用另一个库，而这个库恰好共享相同的$()语法。

删除$(document).ready()(使用类似window的东西)。onload相反):

window.onload = function() {
    if (window.jQuery) {  
        // jQuery is loaded  
        alert("Yeah!");
    } else {
        // jQuery is not loaded
        alert("Doesn't Work");
    }
}

按照这个链接:

if (typeof jQuery == 'undefined') {
    // jQuery IS NOT loaded, do stuff here.
}

there are a few more in comments of the link as well like,

if (typeof jQuery == 'function') {...}

//or

if (typeof $ == 'function') {...}

// or

if (jQuery) {
    console.log("jquery is loaded");
} else {
    console.log("Not loaded");
}

Hope this covers most of the good ways to get this thing done!!

一个快速的方法是在开发人员控制台中运行jQuery命令。在任何浏览器上按F12并尝试访问任何元素。

 $("#sideTab2").css("background-color", "yellow");

你只需要输入 窗口。jQuery控制台。如果它返回一个函数(e,n)…确认jquery加载成功，运行正常。

更新:

现在我在生产中使用它，它就像一个魅力。

请确保您确实在加载jQuery，否则会导致无限循环。我建议你添加一个计数器，如果你需要的话可以打破它:

(async() => {
    console.log("waiting for jQuery");

    while(!window.hasOwnProperty("jQuery")) {
        await new Promise(resolve => setTimeout(resolve, 100));
    }
       
    console.log("jQuery is loaded.");
})();

旧的回答: 您可以检查它是否存在，如果不存在，则动态加载它。

function loadScript(src) {
    return new Promise(function (resolve, reject) {
        var s;
        s = document.createElement('script');
        s.src = src;
        s.onload = resolve;
        s.onerror = reject;
        document.head.appendChild(s);
    });
}



async function load(){
if (!window.jQuery){
    await loadScript(`https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js`);
}

console.log(jQuery);

}

load();