Как использовать jquery-ui с npm (laravel-mix)? - PullRequest
Новая
       35

Как использовать jquery-ui с npm (laravel-mix)?

0 голосов
/ 01 июня 2018

У меня npm install есть редактор jquery-ui.Там все разделено на компоненты, и мне кажется, что использовать их в моих файлах javascript, скомпилированных с помощью laravel-mix, довольно сложно.

Вот как мне удалось вызвать перетаскиваемый набор элементов: 

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, и мне не удается импортировать и / или вызывать их каким-либо образом, как документировано или как описано выше.И в целом у меня такое чувство, что я все делаю неправильно, и это должно быть проще.

1 Ответ

0 голосов
/ 11 июня 2018

Сегодня я был этим, и я пришел к такому решению.

Отредактируйте вас /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

Я надеюсь, что это может помочь вам в пути.

...