我尝试从安装autoNumeric
https://www.jqueryscript.net/demo/Easy-Numbers-Currency-Formatting-Plugin-autoNumeric/
在我的laravel 5.7 / blade / jQuery v3.3.1 / bootstrap v4.1.2应用程序中,为此我以刀片形式使用autoNumeric
我包括对AutoNumeric.js文件的引用:
...
@endsection
@section('scripts')
<link rel="stylesheet" href="{{ asset('/css/select2.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('/css/select2-bootstrap.min.css') }}" type="text/css">
<script src="{{ asset('js/select2.full.min.js') }}"></script>
<script src="{{ asset('js/AutoNumeric/AutoNumeric.js') }}"></script>
<script src="{{ asset('js/formfile.js') }}{{ "?dt=".time() }}"></script>
...
我从上传的zip文件的/ autoNumeric-master / src将8个文件上传到/ public / js / AutoNumeric子目录
当启动jQuery时,我添加了以下行:
$('#selling_range').autoNumeric('init');
我得到了错误:
Uncaught SyntaxError: Unexpected identifier
然后点击错误,我会看到下一个错误代码:
https://imgur.com/a/mQ3henJ
包括此库的方法是否错误,哪个有效?
更新2:
我试图将声明修改为:
new AutoNumeric( '#selling_range', null );
但是无论如何我得到了错误:
AutoNumeric.js:49 Uncaught SyntaxError: Unexpected identifier
并且在控制台错误指向行:
//TODO Prevent having to enter relative path in the js files (ie. using `./AutoNumericHelper` instead of just `AutoNumericHelper`) (cf. http://moduscreate.com/es6-es2015-import-no-relative-path-webpack/)
import AutoNumericHelper from './AutoNumericHelper';
import AutoNumericEnum from './AutoNumericEnum';
如上面的打印屏幕所示。如何解决?
提前致谢!
最佳答案
您必须使用以下结构来初始化AutoNumeric对象。
new AutoNumeric('#selling_range', {options});
其中options可以为null或它们的库中包含的任何一个。现在,如果要遍历元素列表并为每个元素初始化一个AutoNumeric对象,则可以执行以下代码。
$('.elements').each(function() {
new AutoNumeric(this, {options});
});
为了使其正常工作,您需要使用以下版本。另外,也无需导入
AutoNumericHelper
或AutoNumericEnum
使其起作用。<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
关于jquery - 如何修复包括autoNumeric在内的错误到laravel/blade/jQuery/Bootstrap项目?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54444257/