未捕获的类型错误：$(...).tabs 不是函数答案

【问题标题】：Uncaught TypeError: $(...).tabs is not a function未捕获的类型错误：$(...).tabs 不是函数
【发布时间】：2015-09-19 16:43:10
【问题描述】：

我认为 jquery 有一个奇怪的问题我在页面加载时遇到了这个异常这是我的标记：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="../Layouts/en-us/css/custom.css" rel="stylesheet" />

<link href="../Layouts/en-us/css/jquery-ui.css" rel="stylesheet" />



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="../ckeditor/ckeditor.js"></script>
<script src="../ckeditor/adapters/jquery.js"></script>
<script src="/Layouts/en-us/js/jquery-ui.min.js"></script>
</asp:Content>

这是导致错误的函数

$(function () {
    $("#tabs").tabs();

    if ($("#ListBoxPages").val() == null) {
        $("#tabs").css("display", "none");
    }

    $("#ListBoxPages").change(function () {
        $("#tabs").css("display", "block");
    });

});

所有到 Layouts 和 jquery 的相对路径都是从另一个标记复制的，它工作得很好，没有错误

【问题讨论】：

确保 jquery-ui.min.js 已加载
您的脚本顺序可能是问题的根源：<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="./Layouts/en-us/js/jquery-ui.min.js"></script> <script src="../ckeditor/adapters/jquery.js"></script> <script src="../ckeditor/ckeditor.js"></script>
@Ibrahim Amer 检查我的答案并尝试该解决方案..
那么您选择了哪种解决方案？因为我得到了同样的错误

标签： javascript jquery html asp.net webforms

【解决方案1】：

我可以看到您正在加载 jquery 两次，因此请尝试删除它

<script src="/Layouts/en-us/js/jquery-ui.min.js" />

并且只保留 -

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" />

然后使用下面的代码代替您的函数（首先检查此函数中的更改，然后尝试删除该 jquery-ui.min.js）

$( document ).ready(function() {
        $("#tabs").tabs();
        if ($("#ListBoxPages").val() == null) {
            $("#tabs").css("display", "none");
        }
        $("#ListBoxPages").change(function () {
            $("#tabs").css("display", "block");
        });
});

【讨论】：

【解决方案2】：

$("#tabs").tabs();需要 Jquery.UI 只包含

<script src="/Layouts/en-us/js/jquery-ui.min.js" />

或使用 CDN

<scriptsrc="https://code.jquery.com/ui/1.12.1/jquery-ui.js"integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="crossorigin="anonymous"></script>

【讨论】：