javascript - 在 MVC 项目中实现 autoNumeric v4

Question

当我尝试通过 nuget 管理器安装时遇到问题，当我搜索“autonumeric”时，我可以清楚地看到最新版本是 1.9.45

当我转到 project site 时，我可以看到版本 1.9.45 已过时。所以，我想获得版本 4.*，但我不知道如何获得。我也试过 vie npm install 命令，但什么也没有。

我的问题是:如何下载新版本的 autoNumeric 并将其合并到我的 MVC Web 项目中？

步骤:

1. 从 GitHub 下载 zip link

2. 解压文件夹并导航到 src 文件夹

3. 将所有文件复制到您的解决方案，例如:Scripts/autoNumeric 文件夹

4. 将其添加到您的包中，例如:

   bundles.Add(new ScriptBundle("~/bundles/autoumeric").Include( "~/Scripts/autoNumeric/AutoNumeric.js", "~/Scripts/autoNumeric/AutoNumericDefaultSettings.js", "~/Scripts/autoNumeric/AutoNumericEnum.js", "~/Scripts/autoNumeric/AutoNumericEvents.js", "~/Scripts/autoNumeric/AutoNumericHelper.js", "~/Scripts/autoNumeric/AutoNumericOptions.js", "~/Scripts/autoNumeric/AutoNumericOptions.js", "~/Scripts/autoNumeric/main.js"));

5. 为了测试目的，在您的 HTML 输入字段中添加:

   <input type="text" id="test" value="" placeholder="something">
   

6. 初始化文件中的输入字段。例如，您的主要 javascript 文件是 main.js(注意:此 main.js 与自动数字文件夹中的 main.js 不同!):

   $(document).ready(function () {
     // Initialization
      new AutoNumeric('#test', { currencySymbol : '$' });
   })
   

这行不通。问题:我应该从文件夹中导入 ES 模块还是我的 main.js“看到”autoNumeric/main.js 及其所有模块？

Answer 1

如果你可以依赖互联网连接，你应该只使用 CDN

这是链接:https://cdnjs.com/libraries/autonumeric

只需将其导入您的 body ，例如:

<script src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/4.1.0/autoNumeric.min.js"></script>

你应该会很好地使用它(不要忘记删除无用的文件)。