Jquery UI

Name: SymfonyDay Chicago 2025
Start: 2025-03-17
End: 2025-03-17

编辑此页

添加另一个 jQuery UI 插件

要在你的管理员中添加另一个 jQuery UI 插件，你必须告诉 webpack encore 不要提供 jQuery 的另一个实例，这要感谢 `addExternals` 方法

        1
2
3
4
5
6
7
        // webpack.config.js

let Encore = require('@symfony/webpack-encore');

Encore
    .addExternals({ jquery: 'jQuery' })
    .addEntry('sonata', './assets/js/sonata.js')
    

然后在你自己的 js 文件中添加你需要的那个（不要忘记在你的模板中加载它）

        1
2
3
4
5
6
7
8
9
        // assets/js/sonata.js

import $ from 'jquery';

import 'jquery-ui/ui/widget';
import 'jquery-ui/ui/widgets/draggable';

$('.foo').draggable(); // The new UI plugin can be used.
$('.bar').sortable(); // The already loaded by sonata plugin can be used too.
    

本作品，包括代码示例，根据 Creative Commons BY-SA 3.0 许可获得许可。

版本