使用JEditable設置自定義響應

Question

我正在使用JEditable jQuery插件來更新我的網頁上的一些數據。在通過服務器上的JEditable插件保存數據後，我想用容器div中的舊內容替換爲實際上與插入數據不同的新內容（應用程序在保存數據之前處理了數據並添加了一些信息）它）。

我已經嘗試了下面的代碼來做同樣的事情，它第一次工作，但一旦數據在容器div中被替換，可編輯功能就會丟失。

$(".editableComments").editable(function(value, settings) { 
      selectedId = $(this).attr("id"); 
      $.ajax({ 
       url:'ajaxApproveRequests', 
       type:'post', 
       data:{ 
         requestType: "Trans", 
         idList : $(this).attr("id"), 
         comment: value 
        }, 
       success: function(data) { 
        if (data != "Error") 
         { 
          $("#"+selectedId).html(data); 
         } 
       }, 
       error: function(req) { 
        alert("Error in request. Please try again later."); 
       } 
      }); 
     }, 
     { 
      indicator : "Saving...", 
      type : 'textarea', 
      submit : '<input type="button" id="okBtn" value="Ok" onMouseOver="rollOnAutoButton(this)" onMouseOut="rollOffAutoButton(this)" class="autobtn" >', 
      cancel : '<input type="button" id="cancelBtn" value="Cancel" onMouseOver="rollOnAutoButton(this)" onMouseOut="rollOffAutoButton(this)" class="autobtn" >', 
      cssclass : "editableArea", 
      rows: 5, 
      cols: 25, 
      onblur : "ignore" 
     }); 

的HTML代碼是：

<div class="editableComments">some data</div> 

請建議我在哪裏做wron？提前致謝。

Answer 1

可編輯功能需要返回值。並且你不能使用ajax函數。

我要做的就是，我有返回一些臨時值在此期間，雖然我做我的AJAX功能：

$(".editableComments").editable(function(value, settings) { 
     selectedId = $(this).attr("id"); 
     $.ajax({ 
      url:'ajaxApproveRequests', 
      type:'post', 
      data:{ 
        requestType: "Trans", 
        idList : $(this).attr("id"), 
        comment: value 
       }, 
      success: function(data) { 
       if (data != "Error") 
        { 
         $("#"+selectedId).html(data); 
        } 
      }, 
      error: function(req) { 
       alert("Error in request. Please try again later."); 
      } 
     }); 
     return value; //need the return 
    }, ...