我有以下请求:
创建一个纯文本字段,单击编辑触发器时该字段会转换为文本输入元素。离开输入元素时,文本将存储在数据库中,并且该字段将转换回包含新内容的纯文本字段。当在输入中按下 ESC 时,将恢复最近的值。为此,我使用以下代码:
<div id="value"><span id="text">some text</span></div>
<div id="trigger">[EDIT]</div>
<div style="display: none;" id="storage">
<input type="text" id="input" value="some text"/>
</div>
<script type="text/javascript">
$('#trigger').click(function() {
var t = $('#text').detach();
var e = $('#input').detach();
$('#storage').append(t);
$('#value').append(e);
e.focus();
});
$('#input').blur(function() {
var t = $('#text').detach();
var e = $('#input').detach();
if (t.text() != e.val()) {
$.getJSON(...);
}
$('#storage').append(e);
$('#value').append(t);
});
$('#input').keyup(function(event) {
if (event.which == 27) {
$('#input').val($('#text').text());
$('#input')[0].blur();
}
});
</script>
感谢@nnnnnn,现在可以了。但是是否有一种更简单的方法可以使用一些预先存在的 API 函数来实现这一点?
非常感谢。
使用 jquery 可编辑这里是一个链接
对于演示:http://www.appelsiini.net/projects/jeditable/default.html http://www.appelsiini.net/projects/jeditable/default.html
对于插件主页http://www.appelsiini.net/projects/jeditable http://www.appelsiini.net/projects/jeditable
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)