jquery - 无需编写多个函数即可调整多个 div 的大小

Question

对于我的项目，我需要有多个 DIV(一个在一个下面)，其中的所有 DIV 都可以调整大小。我使用可调整大小的 jquery 来调整大小。但似乎只有一个 DIV 可以使用一个可调整大小的函数(在 jquery 中)激活。我尝试为 2 个 DIV 使用两个可调整大小的函数，然后它起作用了。那么有什么方法可以调整多个 DIV 的大小而不必重写 resizable 函数。这是我的可调整大小函数的 javascript

$(function() {
  $( "#resizeDiv" ).resizable();
});

这是我的 html:

<div id="resizeDiv" class="ui-widget-content">                  
  <h3 class="ui-widget-header">Report 1</h3>
</div> 

Answer 1

https://jsfiddle.net/hu63rbxc/

<div class="resize"></div>
<div class="resize"></div>
<div class="resize"></div>
<div class="resize"></div>

Javascript

$( ".resize" ).resizable();