Question

我有npm install编辑了jquery-ui。它全部拆分成组件，在我使用laravel-mix编译的javascript文件中使用它们似乎很难。

这就是我设法调用draggable到一组元素的方法：

require('jquery-ui/themes/base/draggable.css');
var jQuery = require('jquery');
var draggable = require('jquery-ui/ui/widgets/draggable');

var draggableOptions = {
    revert: 'invalid',
    // other options...
    cursor: 'move'
};

$('.resource').each(function(index, resource) {
    new draggable(draggableOptions, $(resource));
});

// The documented approach didn't work because there was no function 'draggable'
// $('.resource').draggable(draggableOptions);

现在我正在尝试使用jquery-ui效果，例如bounce或shake，我无法以任何方式导入和/或调用它们，如上面记录的那样。总而言之，我感觉我做错了所以应该更容易。

Answer 1

今天就是我的自我，我已经找到了这种解决方案。

编辑您/resources/assets/js/app.js并添加以下内容：

import $ from 'jquery';
window.$ = window.jQuery = $;
import 'jquery-ui/ui/widgets/autocomplete.js';
import 'jquery-ui/ui/widgets/sortable.js';

如您所见，您需要添加要包含的小部件。

来源：https://github.com/JeffreyWay/laravel-mix/blob/master/docs/jquery-ui.md

我希望它可以帮助你。

如何在npm（laravel-mix）中使用jquery-ui？

1 个答案: