는 편집을 내가 다음 각 링크 웹 사이트에 태그 목록을

Question

태그와 관련하여 본 것 매끄러운 방법은 무엇이며, 나는 사용자가이 목록 (수정, 삭제, 추가)

을 편집 할 수 있도록하려면 난 그들이 매끄러운 방법을 생각해 낼 수 있도록 klunky 느낌이 들지 않으므로 서버에 가지 않고 자동 완성, 아약스 등을 할 수 있습니다.

당신은 이것을 지원하는 정말 매끄러운 방법의 예를 보았습니까?

내 생각은 태그 (편집) 옆에 버튼이있는 것입니다. 클릭하면 링크를 편집 (자동 완성)하고 입력 할 수있는 텍스트 상자로 바뀝니다. 커밋하기.

다른 아이디어를 환영합니다. .

Answer 1

나는 facebook style autocomplete과 결합하여 jQuery Inline edit을 구현하는 것으로 나타났습니다. 레이블 자동 완성의 "태그"부분을 클릭하고 태그 입력을 시작합니다. 나는 그것이 매우 멋진 줄 알았다. 당신은,하지만 서버 생성 된 HTML과 Ajax를 사용하여 JQuery와의 DOM 요소를 대체하는 '서버로 이동하지 않고 아약스'는 무엇을 의미하는

Answer 2

확실하지 쉽게

function replaceTag(elementId, pageUrl) { 
    $.ajax({ 
     type: "POST", 
     url: pageurl + elementId, 
     success: function(response) { 
      $("#" + elementId).after(response).remove(); 
     } 
    }); 
} 

(테스트되지 않은 코드) 같은 것을 사용하여 수행 할 수있다