jQuery TD调整大小事件？

Question

如果我想知道＆lt; td＆gt;的大小何时发生变化，我该怎么办？

表格代码：

<style>
    #BA1{
        border:1px solid #C0C0C0;
        border-collapse:collapse;
        padding:5px;
    }
    #BA1 th {
        border:1px solid #C0C0C0;
        padding:5px;
        background:#F0F0F0;
    }
    #BA1 td {
        border:1px solid #C0C0C0;
        padding:5px;
    }
</style>
   <table id="BA1">     <caption> </caption>    <thead>     <tr>        <th>Header 1</th>       <th>Header 2</th>       <th>Header 3</th>       <th>Header 4</th>   </tr>   </thead>    <tbody>     <tr>        <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>     </tr>   <tr>        <td>&nbsp;dfdfdfdfdfdf</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>     </tr>   <tr>        <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>     </tr>   <tr>        <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>     </tr>   </tbody> </table>

我怎么能听这个事件？

我尝试过这些方法：

var x = 0;
  $("td").resize(function(){ 
   var txt = x += 1;
  });

//planB
$("td").addEventListener("resize", myFunction);

var x = 0;
function myFunction() {
    var txt = x += 1; 
}

但是这段代码无效

我该如何解决这个问题？