element-resize-detector使用方法

Element resize detector有两种使用方法：基于原生JavaScript和基于jQuery。

1. 基于原生JavaScript

使用Element resize detector基于原生JavaScript的方法如下：

首先，需要在HTML文件中引入element-resize-detector.js文件。

<script src="path/to/element-resize-detector.js"></script>

然后，创建一个ElementResizeDetector对象并使用它来侦听DOM元素的大小变化。

var erd = new ElementResizeDetector();
var element = document.getElementById('my-element');

// 侦听DOM元素大小变化事件
erd.listenTo(element, function(element) {
  console.log('Element resized:', element.offsetWidth, element.offsetHeight);
});

2. 基于jQuery

使用Element resize detector基于jQuery的方法如下：

首先，需要在HTML文件中引入jQuery和element-resize-detector.js文件。

<script src="path/to/jquery.js"></script>
<script src="path/to/element-resize-detector.js"></script>

然后，使用jQuery选择器获取DOM元素并使用ElementResizeDetector对象来侦听其大小变化。

var erd = new elementResizeDetectorMaker();
var $element = $('#my-element');

// 侦听DOM元素大小变化事件
erd.listenTo($element[0], function(element) {
  console.log('Element resized:', element.offsetWidth, element.offsetHeight);
});

以上是Element resize detector的基本用法，你可以根据自己的需要进行更多的配置和定制。