x 편집 가능한 새 단추에 메서드 호출을 바인딩하는 방법?

Question

본인은 X-편집 가능한 템플릿에 새로운 버튼을 추가 :

$.fn.editableform.buttons = 
    '<button type="submit" class="editable-submit">save</button>' + 
'<button type="button" class="editable-cancel">cancel</button>' + 
'<button type="button" class="editable-test">test</button>'; 

가 어떻게이 버튼에 클릭 방법을 결합하고 편집 가능한 인스턴스에서 데이터를받을 수 있나요? 실패한 시도는 다음과 같습니다.

$("button.editable-test").on("click", function() { console.log($(this).data('editable')); } 

감사합니다.

Answer 1

$("button.editable-test").on("click", function() 

해야

$(document).on("click", "button.editable-test", function() 

http://api.jquery.com/on/

당신은 당신이 CSTE 연구진 방법에 'action', 'item', function을 통과해야 설명서에 통지되고 $('item').on는 항상 item까지 높은 DOM해야

(문서 또는 본문은 항상 작동해야하지만 효율성을 위해 "button.editable-test" 컨테이너와 같은 더 가까운 항목을 선택하십시오.)