在jQuery中，如何使单击函数能够激活可调整大小的属性

假设我有一个

div

，当单击它时，它会将

.resizeable（）

函数添加到

div

，从而可以调整大小。有人会有这样的代码示例吗？谢谢

希望这样做可以：

jQuery

<script type="text/javascript">
  $(document).ready( function() {
    $("#clickme").click(function() {
      $("#makethisresizable").resizable();
    });
  });
</script>

$（文档）.ready（函数（）{
$（“#单击我”）。单击（函数（）{
$（“#使此可调整大小”）.resizable（）；
});
});

CSS

<style type="text/css">
  #makethisresizable {
    width: 100px;
    height: 100px;
    background: blue;
    color: white;
  }
</style>

#使其可调整大小{
宽度：100px；
高度：100px；
背景：蓝色；
颜色：白色；
}

HTML

<div id="clickme">Click me</div>

<div id="makethisresizable">Make this resizable</div>

点击我
使其可调整大小