更新Div内文本的问题
Issue with updating text within a Div
我正在尝试更新div内的文本。div是可拖动和可调整大小的(使用jquery ui插件)。我需要更新文本,而不影响设置到div的任何这些属性。
在使div可调整大小时,jquery插件添加了两个内部div,并且该div在使用.text()方法更新父div的文本时被删除。有人知道怎么解决这个问题吗?
更新
前的div结构<div ondblclick="showPopup(this)" class="draggable ui-draggable ui-resizable"
id="Text10" style="position: relative;">
test
<div class="ui-resizable-handle ui-resizable-e"></div>
<div class="ui-resizable-handle ui-resizable-s"></div>
<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se"
style="z-index: 1001;"></div></div>
更新后的div结构
<div ondblclick="showPopup(this)" class="draggable ui-draggable ui-resizable"
id="Text10" style="position: relative; background-color: rgb(255, 255, 255); font-family: Arial; font-size: 13px; font-weight: bold;">
test-updated
</div>
脚本使用:
$('#Text10').text($('#newText').val());
一种方法可能是在外部div中添加一个span标记。然后可以使用:
执行文本更改。$('#Text10 > span').text($('#newText').val());
使用内span元素http://jsfiddle.net/4P73F/
JavaScript:var i = 0;
$('#foo').draggable();
$('#foo').resizable();
setInterval(function () {
$('#innerText').text('Some text ' + i);
i += 1;
}, 1000);
HTML: <div id="foo" style="width: 100px; height: 100px; background-color: #ccc"><span id="innerText"></span></div>
相关文章:
- 复选框与文本内联-JS问题
- 使用Handontable在同一列中用纯文本和html对问题进行排序
- 轴助手上的标签与文本几何和旋转问题
- 高图表的文本溢出问题
- 有CSS问题:can't将文本放置在选择框的右侧
- Safari手机文本输入问题
- 从 tinymce 文本区域检索数据时出现问题
- 文本框导致结构 JS 中的字体出现问题
- 使用jquery问题将文本附加到文本区域
- 显示比容器宽的文本,滚动时出现问题
- Type=文本模式问题
- Safari存在文本输入问题,用户输入时会选择文本,导致文本丢失
- IE9中的文本对齐问题
- 文本框聚焦事件并在IE9中输入问题
- 使用最接近查找文本输入的JQuery问题
- HTML:密码字段中的HTML5占位符属性问题 - 显示正常文本
- JavaScript WebSocket 字符编码问题(文本)
- Coffeescription出现奇怪问题-文本参数发送为null
- d3中的作用域问题.文本功能
- IE9上传问题:文本阻止上传按钮工作