Question

我尝试从以下位置安装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';

与上面的打印屏幕相同。如何解决？

谢谢！

Answer 1

您必须使用以下结构来初始化AutoNumeric对象。

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>

如何修复包括autoNumeric在内的错误到laravel / blade / jQuery / Bootstrap项目？

1 个答案: