maskedinput Uncaught TypeError: $(...).mask is not a function

Question

下午好 我的有

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="{{ asset('bundles/reflorestasite/js/jquery.maskedinput.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/reflorestasite/js/validacoes.js') }}"></script>
<script type="text/javascript" src="{{ asset_url }}"></script>

在 "validacoes.js" 文件中有

$(document).ready(function(){

  $(".cpf").mask("999.999.999-99");
  $('.cpf').blur(function () {
    var id=$(this).attr("id");
    var val=$(this).val();
    var pattern = new RegExp(/[0-9]{3}[\.]?[0-9]{3}[\.]?[0-9]{3}[-]?[0-9]{2}/);

    if(val.match(pattern) == null){
      $("#"+id+"_error").html("Digite um CPF válido");
    }
  });
});

我已经在控制台验证过，所有 javascript 文件都在那里。但是我收到错误 "Uncaught TypeError: $(...).mask is not a function"

有人知道为什么 symfony 不能识别 maskedinput 插件吗？

非常感谢。

Answer 1

从

更改此行

$(document).ready(function(){ 

到

$(document).ready(function($){

Answer 2

我也遇到了同样的错误，但我忘记导入 maskedinput.min.js

<script src="/js/jquery.maskedinput.min.js" type="text/javascript"></script>

我正在寻找 Google 解决方案哈哈。

Answer 3

我解决了我的问题，我不得不删除重复的脚本连接

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.maskedinput-1.3.min.js"></script>