web-dev-qa-db-fra.com

TypeError: $ (...). BootstrapValidator n'est pas une fonction, il charge le fichier ContactUs.js, mais ne peut pas trouver la fonction.

Comme le code est donné et il est impossible de trouver la fonction. J'ai essayé plusieurs modifications mais j'obtiens toujours l'erreur La séquence est également correcte. La partie principale se trouve dans le script supérieur et l’autre développement d’environnement se trouve au bas du code situé entre la section <body>.

<head>       
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>About Us-Azure Solutionz</title>

        <environment names="Development">
            <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
            <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/boots‌​trapValidator.css"/>

            <link rel="stylesheet" href="css/ContactUs.css" />
            <link rel="stylesheet" href="~/css/site.css" />
             <link rel="stylesheet" href="css/NavbarButton.css"/>
            <link rel="stylesheet"  href="css/AboutUs.css"/>

              <link rel="stylesheet" href="css/Footer.css"/>
        </environment>
        <environment names="Staging,Production">
            <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/css/bootstrap.min.css"
                  asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
                  asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
            <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true"/>
        </environment>

    </head>
<environment names="Development">
            <script src="~/lib/jquery/dist/jquery.js"></script>
            <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
            <script src="~/js/site.js" asp-append-version="true"></script>
        </environment>
        <environment names="Staging,Production">
            <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"
                    asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
                    asp-fallback-test="window.jQuery">
            </script>
            <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
            <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/bootstrap.min.js"
                    asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
                    asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal">
            </script>
            <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstr‌​apValidator.js"></script>
            <script src="js/ContactUs.js" type="text/javascript"></script>
            <script src="~/js/site.min.js" asp-append-version="true"></script>
        </environment>
6
Shahzeb

votre url entraîne une erreur 404: 

https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstr‌​apValidator.js

essayez ceci link

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.js
9
bob

De ici merci shehary

TypeError: $ (…) .... n'est pas une fonction

est une erreur commune où

  1. la bibliothèque jQuery n'est pas du tout incluse dans le document

  2. Bibliothèque JS spécifique (dans ce cas, bootstrapvalidator.js) placée Au-dessus de la bibliothèque jQuery ou non incluse dans le document.

  3. Lorsque vous suivez la pratique la plus courante de placer toutes les bibliothèques JS dans le pied de page , Puis de placer des scripts personnalisés quelque part dans la page située au-dessus de , toutes les bibliothèques JS et ces scripts personnalisés non . $ (document) .ready (function () {});

Les meilleures et les plus courantes pratiques d’utilisation des bibliothèques JS sont les suivantes:

  1. JQuery lib (vient toujours en premier)

  2. Framework lib (par exemple, bootstrap, fondation, etc.)

  3. Toute autre bibliothèque JS supplémentaire

Custom script lib (placez tous les scripts personnalisés ici et assurez-vous qu'ils sont prêts pour le DOM et que ce fichier est toujours placé comme dernier fichier)

Essayez de placer les CSS et JS dans l'ordre suivant dans la section

<head>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css"/>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.css"/>
    <!---- AnyOther custom stylesheets ---->
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
    <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.js"></script>
    <!---- Any
0
shareef

Ajoute ça:

    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"> </script>

après votre librairie jquery et la librairie du framework (bootstrap, etc.)

alors vous aurez quelque chose comme ça:

 <script src="Scripts/jquery-1.9.1.js"></script>
    <script src="Scripts/jquery-1.9.1.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/bootstrap.js"></script>
<%-- here you may add another scripts you have...  --%>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"> </script>
0
Ionut