web-dev-qa-db-fra.com

TypeError non capturé: $ (...). Tabs n'est pas une fonction

Je pense qu'il y a un problème étrange avec jQuery. J'ai cette exception lorsque le chargement de page Est mon balisage:

<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>

voici la fonction qui cause l'erreur 

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

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

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

});

Tous les chemins relatifs vers Layouts et jquery ont été copiés depuis un autre balisage qui fonctionne très bien sans erreur. 

javascriptjqueryhtmlasp.netwebforms
5
Ibrahim Amer

Je peux voir que vous chargez jquery deux fois alors essayez de le supprimer 

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

et ne garder que -

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

puis utilisez le code ci-dessous à la place de votre fonction (commencez par vérifier les modifications apportées à cette fonction, puis essayez de supprimer jquery-ui.min.js)

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

$ ("# tabs"). tabs (); nécessite Jquery.UI juste inclure 

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

ou utiliser CDN

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