Question

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

一切都按预期工作，＆amp;选项卡按预期从一批内容轻弹到另一个。

然而，当我把它放到我的真实世界环境中时，我在控制台返回时遇到了障碍TypeError: $(...).tabs is not a function

除了添加angular.js（我试过把它关闭），＆amp;菜单项的旁边标签（我已尝试在内部和外部添加标签div）我在树林里有点迷失。怎么回事？!!

我正在尝试使用左手菜单使用jQuery标签功能选择不同的标签页。我已经购买了主题（CodeCanyon上的Altair）......

Answer 1

似乎UIKit和Altair菜单脚本是罪魁祸首。一旦删除它们，此处列出的代码就可以在控制台中使用：

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

在这种情况下单独执行$( "#tabs" ).tabs();并不起作用也很奇怪。似乎有冲突的JS可能就是这样。值得注意的是，jQuery UI非常笨重，找到替代方案是网站性能的不错选择。

此处列出了一些替代方案：