可编辑的内联编辑 - 编辑后保存的值不显示

时间:2013-04-26 19:28:08

标签: jquery jeditable inline-editing

JEDITABLE LINK:http://www.appelsiini.net/projects/jeditable

我的jquery功能是:

$(document).ready(function() {
     $('.edit').editable('http://myWebsite/save.php');
 });

我有一个div,当页面加载时,它看起来像这样:

<div class="edit" id="specs_1851_title" style="color:#C300D9">Starting Text</div>

使用jeditable,我可以点击它,更改它,并保存更改...这一切都很好(我可以看到数据库中的项目已经改变了)

现在,在保存值之后,jeditable应该带走文本输入框,并显示新输入的文本......相反,我得到了这个:

<div class="edit" id="specs_1850_title" style="color:#C300D9">Click to Edit</div>

我打开了jquery.jeditable.js文件并搜索了“Click to Edit”。它出现的唯一地方是可公开访问的默认值:

$.fn.editable.defaults = {
    name       : 'value',
    id         : 'id',
    type       : 'text',
    width      : 'auto',
    height     : 'auto',
    event      : 'click.editable',
    onblur     : 'cancel',
    loadtype   : 'GET',
    loadtext   : 'Loading...',
    placeholder: 'Click to edit',
    loaddata   : {},
    submitdata : {},
    ajaxoptions: {}
};

以前有人遇到过这个问题吗?如果是的话,解决方案是什么?

更新 在发布问题之后,我立刻想到“我想知道我的”save.php“是否可以简单地回显它在数据库中更新的值。因此,在运行我的mysql查询来更新数据库后,我输入:

echo $value;

它运作得很好。有点奇怪的工作 - 而且我确定这不是它应该工作的方式,但如果有其他人遇到我遇到的同样的问题,那就有一个黑客解决方案。

1 个答案:

答案 0 :(得分:0)

您需要让save.php脚本回显结果,这不是解决方法。

我遇到了同样的问题,我同意解释页面目前尚不清楚。 然而,在深入了解Live Demo后,他们提供了(http://www.appelsiini.net/projects/jeditable/default.html)并测试了他们的save.php脚本,我得出结论,他们也回应了提交的值。所以这必须是要求。

您的“点击编辑”内容是由占位符选项引起的,该选项定义了当没有内容可用时要显示的文本,因为您的脚本不返回任何内容,它将加载此占位符值,默认为“点击编辑”时你没有自己指定。