jQuery 选项卡在生产环境中不起作用

我有一些在基本 html 页面中运行的 jQuery 选项卡:

一切都按预期工作，并且选项卡按预期从一组内容轻弹到另一组内容。

但是，当我将它放入我的真实世界环境中时，我遇到了一个障碍，控制台返回 TypeError: $(...).tabs is not a function

除了添加 angular.js(我试过将其关闭)和菜单项的 aside 标签(我试过在其内部和外部添加标签 div)我有点迷失在树林里。怎么回事？!!

我正在尝试使用左侧菜单通过 jQuery 选项卡功能选择不同的选项卡式页面。我已经购买了主题(CodeCanyon 上的 Altair)...

最佳答案

似乎 UIKit 和 Altair 菜单脚本是罪魁祸首。一旦我删除它们，此处列出的代码就会在控制台中运行:

$(document).ready(function() {
    $( "#tabs" ).tabs();
});

同样奇怪的是，单独执行 $( "#tabs").tabs(); 在这种情况下不起作用。似乎冲突的 JS 可能就是这样。还需要注意的是，jQuery UI 非常笨重，找到替代方案对于网站性能来说是一个不错的选择。

这里列出了一些替代方案:

关于jQuery 选项卡在生产环境中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33436310/