jeditable 편집 여러 링크

Question

여러 링크를 편집하고, 업데이트 결과는

function inlineEditData(linkId){ 
    $('.inlineLinkEdit_' + linkId).editable('crudDocumentationLink.htm', { 
     event  : 'editclick', 
     submit : 'Save', 
     cancel : 'Cancel', 
     indicator : '<img src="images/indicator.gif">', 
     width  : 600, 
     onsubmit : function(value, settings) { 
      $('.inlineLink_' + linkId).href=value; 
      $('.inlineLink_' + linkId).innerHTML=value; 
      $('.inlineLink_' + linkId).show(); 
      $('.inlineLinkEdit_' + linkId).hide(); 
      $('.inlineLinkTrigger_' + linkId).show(); 
     }, 
     onreset : function(value, settings) { 
      $('.inlineLink_' + linkId).show(); 
      $('.inlineLinkEdit_' + linkId).hide(); 
      $('.inlineLinkTrigger_' + linkId).show(); 
     } 
    }); 
} 

function editLink(linkId){ 
    $('.inlineLink_' + linkId).hide(); 
    $('.inlineLinkEdit_' + linkId).show(); 
    $('.inlineLinkTrigger_' + linkId).hide(); 

    inlineEditData(linkId); 

    $('.inlineLinkEdit_' + linkId).trigger('editclick'); 
} 

및 HTML onsubmit : 작업

<a href="${document.link}" class="inlineLink_${document.id}" id="inlineEdit_${document.id}">${document.link}</a> 
<span style="display:none;" class="inlineLinkEdit_${document.id}" id="inlineEdit_${document.id}">${document.link}</span> 
<span class="inlineLinkTrigger_${document.id}" onclick="editLink(${document.id})" style="cursor:pointer;">edit</span> 

편집. 하지만 사용자 입력에 따라 업데이트 된 페이지의 값을 원합니다. 내 코드에서 무엇이 잘못 되었습니까?

Answer 1

마침내 나는 그것을 처리했다. (문제는 정확하게 텍스트를 설정하는 것이었다). "onsubmit"을 "callback"으로 변경하고 그 안의 처음 두 줄을 변경했습니다.

$('.inlineLink_' + linkId).attr({"href":$('.inlineLinkEdit_' + linkId).text()}); 
$('.inlineLink_' + linkId).text($('.inlineLinkEdit_' + linkId).text());