Question

我是JS / jQuery的新手，我试图在我的项目中包含RobinHerbots/jquery.inputmask插件。我克隆了repo并在主文件夹中创建了index.html文件，因此我的目录如下所示：

\jquery.inputmask  
\\dist  
\\js  
...  
\\index.html

我的index.html文件看起来像这样（简化）：

<html>
<head>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery.inputmask.js" type="text/javascript"></script>
    <script src="jquery.inputmask.bundle.js" type="text/javascript"></script>
    <script>
    $(document).ready(function(){
       $('#date').inputmask("99-9999999");  //static mask
    });
    </script>
</head>
<body>
    <input id="date">
</body>
</html>

这不起作用所以我的问题是：我做错了什么？我是否还需要克隆jQuery库才能使其正常工作？我的index.html文件是否放在错误的目录中？我应该以某种方式设置插件的路径吗？附加问题：如果我想在使用composer的Laravel项目中使用它，该怎么办？简单地在composer.json中放置路径并运行composer update也不起作用。

Answer 1

你加倍加载它，可能会导致错误。拿出了第二个脚本参考，它正在为我工作。还使用谷歌CDN版本的jquery。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.inputmask.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
   $('#date').inputmask("1");  //static mask
});
</script>
</head>
<body>
<input id="date">
</body>
</html>

Answer 2

我唯一可以肯定的是你不应该同时调用jquery.inputmask.js和jquery.inputmask.bundle.js后者拥有你需要的一切。

捆绑文件中包含所有内容。如果不需要完整的功能集，则必须选择具有所需功能的文件。在我输入时，另一个用户回答说你是双重加载，这是你遇到问题的最可能原因。

对jquery的CDN调用是可选的。如果您愿意，您当然可以从自己的服务器加载它，因为CDN主要用于带宽，但这并不一定意味着从CDN调用是最佳的。

在简单的网站中包含jquery插件

2 个答案: