dot net 核心项目，在 site.js 中使用 jquery maxlength 和 count 插件

Question

我想知道我是否做对了。我下载了一个 jquery 插件并将其放在 lib 文件夹中。然后我像其他脚本一样在 _layout.cshtml 中写下插件的路径名。然后我进入 site.js 编写一些希望使用我的新插件的客户端代码，它说“$(.....)maxlength 不是一个函数”。所以我认为我的 site.js 文件无法访问我的插件。我在这里错过了什么？我是否也应该在其他地方添加插件以便 site.js 可以使用它们，这对我来说没有意义。

里面 _layout.cshtml:

  <script src="~/lib/jquery/dist/jquery.min.js"></script>
  <script src="~/lib/jQuery.Maxlength-master/jquery.maxlength.min.js"> 
    </script>
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
  <script src="~/js/site.js" asp-append-version="true"></script>

  @RenderSection("Scripts", required: false)
</body>
</html>

在 site.js 中只是一些尝试使用新插件的代码：

$("input").maxlength();

Answer 1

因为这个 jquery jquery.min.js 与 jquery-1.5.js 重复。所以，你可以删除这个脚本。

<script src="~/lib/jquery/dist/jquery.min.js"></script>

他们的顺序应该改变。

<script src="https://code.jquery.com/jquery-1.5.js"></script>
<script src="~/lib/jQuery.Maxlength-master/jquery.maxlength.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@RenderSection("Scripts", required: false)

在Index.cshtml中添加一个文本框。

<input type="text" onchange="change()" maxlength="30"/>

在site.js.

function change() {
 console.log($("input").maxlength())
}

结果

dot net 核心项目，在 site.js 中使用 jquery maxlength 和 count 插件

dot net core project, using jquery maxlength and count plugins inside site.js

javascript

jquery

asp.net-core

jquery-plugins