jquery - 分离和附加的文本区域丢失鼠标事件

Question

我分离了一个文本区域并将其附加到一个 TD。在第一次调整大小后，它似乎正在丢失鼠标事件。

这是代码：

var schedule = $('#daily');
var bar = $('#bar').detach();

function addbar(elem) { 
  var elem = $(this);
  elem.append(bar);
}

schedule.on('click', 'td.d', addbar );

要复制问题：

1. 单击 TD。textarea 被分离然后附加到 TD。
2. 调整文本区域的大小。
3. 再次尝试调整 textarea 的大小。[失败]

我还注意到 textarea 上的 mouseup 事件不再触发。我尝试使用 jquery.off 来停止 TD 上的点击事件，但它似乎没有帮助调整大小问题。

这是 Codepen： https ://codepen.io/btn-ninja/pen/xNWYpd

标签： jqueryappendmouseup