为什么我的 jQuery jEditable、就地编辑回调不起作用？

Question

我正在使用 jQuery jEditable 就地编辑字段，但是当 JSON 函数返回并且我尝试从就地编辑回调返回一个值时，我得到的只是一闪而过

您可以在这里看到...

http://clareshilland.unknowndomain.co.uk/

点击Ctrl+L 登录...

用户名：stackoverflow
密码：jquery

虽然您可以在 /script.js 中看到脚本，但这里是主要代码摘录...

$('#menu li a').editable(edit_menu_item, { cssclass: 'editable' });

这是回调：

function edit_menu_item(value, settings) {

 $.ajax({
  type : "POST",
  cache : false,
  url  : 'ajax/menu/edit-category.php',
  dataType: 'json',
  data : { 'id': this.id, 'value': value },
  success : function(data) {

   if (data.status == 'ok') {
    alert('ok');
    return data.title;
   } else {
    alert('n/ok');
    return this.revert;   
   }

 }});

}

JSON 代码在这里：ajax/menu.edit-category.php

就地编辑是位于菜单上，上面也有 jQuery 可排序功能。单击即可编辑。输入保存，它会存储数据，但不会在就地编辑字段上更新数据。

请帮助 stackoverflow，我已经为此工作了很长时间。

提前致谢！

Answer 1

从可编辑主页 (http://www.appelsiini.net/projects/jeditable)：

请注意，函数必须返回字符串。
通常是编辑的内容。这将
编辑后显示在页面上的是
完成。

edit_menu_item 不返回字符串 - 似乎您可以通过返回值来解决这个问题，然后如果您需要更新实际内容，请在 ajax 请求的成功回调中执行此操作。您可能还想添加一个错误回调，以防万一。

另一种可能是个坏主意的替代方案是将您的 ajax 调用标记为同步（async : false）并查看responseText，但这会锁定页面，直到您的请求完成。

Answer 2

从服务器端传递 json 对象，该对象将被 Javascript 视为文本。您必须使用 var myObject = JSON.parse(myJSONtext);

PHP 代码

$response = new stdClass();
$response->value = $value;
print_r(json_encode($response));

Js 代码将其解析为 json 对象

//(in Jeditable callback)
"callback": function( sValue, y ) {
    sValue = JSON.parse(sValue);
    //now you can access sValue.value
}

Answer 3

我遇到了同样的问题，因此我通过引入回调修改了 Jeditable 源代码，以便我可以从 AJAX“成功”处理程序内部返回字符串值。

之前的 Source Jeditable：

/* check if given target is function */
if ($.isFunction(settings.target)) {
  var str = settings.target.apply(self, [input.val(), settings]);
  $(self).html(str);
  self.editing = false;
} else {

之后的 Source Jeditable：

/* check if given target is function */
if ($.isFunction(settings.target)) {
        var edit = self;
        settings.target.apply(self, [input.val(), settings, function(str){
            $(edit).html(str);
            edit.editing = false;
        }
    ]);
} else {

在您的成功处理程序中：