文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery不工作于反应性功能组件。

问Jquery不工作于反应性功能组件。
EN

Stack Overflow用户

提问于 2022-01-05 07:20:51

回答 1查看 302关注 0票数 0

我希望在使用Jquery时实现可调整大小。

我有这样的代码。

import $ from 'jquery';
import 'jquery-ui'; 

...
...

useEffect(() => {
    $(function () {
      $(".resizable").resizable();
    });
  }, [])

...
...

<div className="resizable" >Test</div>

我不明白这个错误，但是可调整大小不起作用.

我想要像这样的jqueryui.com/resizable

jquery-ui

resize

javascript

html

reactjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-01-05 07:33:17

尝尝这个

首先，安装jquery-ui-bundle。

npm install jquery-ui-bundle --save

然后,

import React, { useEffect, useRef } from 'react';
import $ from 'jquery';
import 'jquery-ui-bundle';
import 'jquery-ui-bundle/jquery-ui.css';

...
...
const ref = useRef();

useEffect(() => {
    $(function () {
      $(ref.current).resizable();
    });
  }, [ref.current]);

...
...

<div className="resizable" ref={ref}>Test</div>

在使用jquery-ui时，我在谷歌上发现，我们可以导入单独的小部件(可能非常麻烦)，或者安装jquery-ui-bundle，然后只导入一次。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70589115

复制

相似问题

问Jquery不工作于反应性功能组件。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery不工作于反应性功能组件。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery不工作于反应性功能组件。
EN