我尝试从https://www.jqueryscript.net/demo/Easy-Numbers-Currency-Formatting-Plugin-autoNumeric/
在我的 laravel 5.7/刀片/jQuery v3.3.1/Bootstrap v4.1.2 应用程序中,以及我想使用自动数字的刀片形式我包含了对自动数字.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>
...
我将 8 个文件从上传的 zip 文件的/autoNumeric-master/src 上传到/public/js/AutoNumeric 子目录中
当启动jquery时,我添加了行:
$('#selling_range').autoNumeric('init');
我得到错误:
Uncaught SyntaxError: Unexpected identifier
然后单击错误,我看到下一个错误代码:
https://i.stack.imgur.com/QmPEx.jpg
包含此库的方式是否错误,哪个有效?
更新 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';
就像我上面的打印屏幕一样。如何解决?
提前感谢!
您必须使用以下结构才能初始化自动数字对象。
new AutoNumeric('#selling_range', {options});
其中选项可以为 null 或其库中包含的任何选项。现在,如果要浏览元素列表并为每个元素初始化 AutoNumeric 对象,则可以执行类似于以下代码的操作。
$('.elements').each(function() {
new AutoNumeric(this, {options});
});
为了使其正常工作,您需要使用以下版本。此外,无需导入 AutoNumericHelper
或 AutoNumericEnum
,即可正常工作。
<script src="https://cdn.jsdelivr.net/npm/autonumeric@4.1.0"></script>