为什么我的对象会丢失其可调整大小的属性，我该如何找回它？

Question

Here is an example of my problem. 我有一个输入可以在更改时更新我的 div 文本。用户还可以选择 'drag and drop'/'resize' 或 div。通过文本输入更新文本后出现问题。文本更改后，div 不再是 'resizable' 使用鼠标。这是一个错误吗？如何在文本更新后附加 jquery 'resizable' 事件？

这是我的 js 示例：

 $( "#text1" ).resizable({ ghost: true });
 $("#postcard").off("mouseover","#text1");
 $("#postcard").on("mouseover","#text1", function(){
   $('#text1').addClass('border_box');
 });
 $('#ti').on('change', function(){
   $('#text1').text($(this).val()); 
 });

Answer 1

jQuery 在 div 可调整大小时添加额外的标记。当您为 text1 设置文本值时，它会删除该标记。解决此问题的最简单方法是在包含要更改的文本的 div 中添加一个跨度。

<div id="postcard" style="width:350px;height:100px">
    <div id="text1"><span id="text2">Hello there</span></div>
</div>
<input type="text" id="ti">

然后改变你的价值观javascript:

$('#ti').on('change', function () {
    $('#text2').text($(this).val());
});

为什么我的对象会丢失其可调整大小的属性，我该如何找回它？

Why does my object lose its resizable attribute and how do I get it back?

jquery

resizable