在用webpack或者creact react 构建的前端项目中，如果我们要用jquery-ui一定要像如下这样：

import $ from 'jquery';  //必须引入jquery
import 'jquery-ui/themes/base/draggable.css'; //此css不引入也不影响draggable 功能
import 'jquery-ui/themes/base/resizable.css'; //使用resizable功能必须引入此css！
import 'jquery-ui/ui/widgets/draggable'; //必须像如下这样直接引入，import 'jquery-ui' 这样引入是无效的
import 'jquery-ui/ui/widgets/resizable';

 

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

像上面这样引入之后正常使用就行：

$(".rendition-modal-window").resizable({ minHeight: 150, minWidth: 200 });
$(".rendition-modal-window").draggable({ cancel: "div.modal-body " });

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄