Question

Here is an example of my problem.我有一个输入，可以在更改时更新我的div文本。用户还可以拖放＆＃39; /＆＃39;调整大小＆＃39;然而他们选择了div。通过文本输入更新文本后出现问题。文本更改后，div不再可以调整大小。用鼠标。这是一个错误吗？我怎样才能附上jquery＆＃39; resizable＆＃39;文本更新后的事件？

以下是我的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中添加一个span。

<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());
});

为什么我的对象失去了可调整大小的属性，如何将其恢复？

1 个答案: