TypeError: $(...).bootstrapValidator is not a function , it does load the ContactUs.js file, but it's not able to find the function

Question

由于给出了代码，因此无法找到该功能。我尝试了一些更改，但仍然出现错误，序列也是正确的。 head部分在最上面的脚本，其他环境开发在<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>

Answer 1

您的 url 导致 404 错误：

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

试试这个 link :

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

Answer 2

来自here thanks shehary

TypeError: $(…).... is not a function

是一个常见错误，其中

jQuery 文档中根本没有包含库
具体的JS库（本例bootstrapvalidator.js）放置在 jQuery 库之上或根本不包含在文档中。
按照最常见的做法把所有的JS库都放在页脚，然后将自定义脚本放在上面页面的某处所有 JS 库和那些自定义脚本不 $(文档).ready(函数(){ });

使用 JS 库的最佳和最常见的做法是按以下顺序

JQuery 库（总是在前）
框架库（例如bootstrap、基础等）
任何其他额外的 JS 库

自定义脚本库（将所有自定义脚本放在这里并确保它们 DOM 准备就绪并且此文件始终作为最后一个文件放置）

尝试将 CSS 和 JS 按以下顺序放在

部分

<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

Answer 3

添加这个：

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

在 jquery 库和框架库（bootstrap 等）之后

所以你会有这样的东西：

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

TypeError: $(...).bootstrapValidator is not a function , it does load the ContactUs.js file, but it's not able to find the function

TypeError: $(...).bootstrapValidator is not a function , it does load the ContactUs.js file, but it's not able to find the function

javascript

jquery

html

css

bootstrapvalidator