问题描述
我正在使用欧芹 Js,但不幸的是它不起作用,请帮助我如何解决这个问题,谢谢。
控制台错误
jquery-3.6.0.min.js:2 jQuery.Deferred 异常:$(...).parsley is not a function TypeError: $(...).parsley is not a function 在 HTMLDocument。 (http://localhost/permit-to-work/cms/public/branch/add:313:14) 在 e (https://code.jquery.com/jquery-3.6.0.min.js:2:30038) 在 t (https://code.jquery.com/jquery-3.6.0.min.js:2:30340) 未定义
html 视图
<form class="form" action="{{$isEdit ? route('branch.update',[$branchs->id]) : route('branch.store')}}" method="post" autocomplete="off" >
@csrf
<input type="text" name="name" value="{{$branchs->name ?? old('name') ?? null}}" parsley-trigger="change" placeholder="Name..." class="form-control" required>
</form>
脚本
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="{{url('')}}/plugins/parsleyjs/parsley.min.js"></script>
<script>
jQuery(document).ready(function () {
$('.form').parsley();
});
</script>
解决方法
我遇到了同样的问题。使用 CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.9.2/parsley.js" integrity="sha512-Fq/wHuMI7AraoOK+juE5oYILKvSPe6GC5ZWZnvpOO/ZPdtyA29n+a5kVLP4XaLyDy9D1IBPYzdFycO33Ijd0Pg==" crossorigin="anonymous"></script>
而不是 min js 为我工作。