显示编辑的内容

【问题标题】：Showing edited content显示编辑的内容
【发布时间】：2014-03-31 10:44:35
【问题描述】：

我正在从数据库中获取内容并将其显示在 Div 中。我有以下代码和 Js fiddle 用于编辑和删除

点击完成后我无法获得更新的内容，我做错了什么？谢谢

【问题讨论】：

投反对票可能是因为您没有提出具体问题，有什么错误吗？您当前的“问题”包括大量猜测工作
猜猜有什么用？我提供了完整的代码，并指定在单击完成后我没有获得更新的内容。我想我已经提供了我能提供的一切
那么发生了什么？代码是否编译？您是否设置了断点并发现任何代码未运行？有什么错误吗？
没有错误并且代码编译得很好。现在在编辑并单击完成后，它也应该显示编辑的内容，但它不是:(

【解决方案1】：

使用event.preventDefault来防止锚标签的默认行为

 $('#done1').click(function (e) {
    e.preventDefault();
    document.getElementById("newpanel1").contentEditable = "false";
    document.getElementById("collapseTwo").contentEditable = "false";
    //$("#myContent").val($("#panel1").html());
    $('#newpanel1').attr('style', 'border:none;');
    $('#collapseTwo').attr('style', 'border:none;');
    $('#edit1').attr('style', 'display:block;');
    $('#done1').attr('style', 'display:none;');

 });

Updated Fiddle

【讨论】：

我猜你没有得到我的问题先生，当我编辑并单击完成时，我希望页面也显示已编辑，但它会返回显示原始数据