검도 UI에서 노드 이름을 가져옵니다. 클릭 할 때 선택하십시오.

Question

검도 UI 다중 선택을 사용하고 있으며 클릭 할 때 현재 선택된 노드의 이름을 원합니다. 노드를 제거 할 때 X을 클릭 할 때뿐만 아니라 이름을 제거 할 때도 필요합니다.

this example에서 태그를 클릭하면 "유럽"과 "아프리카"와 같은 이름이 필요합니다.

이 코드를 사용해 보았지만 가끔씩 만 작동하며 X을 클릭 할 때가 아닙니다.

$('.k-multiselect-wrap li .k-delete').click(function() { 
      console.log('Select to remove it');   
    }); 

Answer 1

당신은 항목이 향후에 추가의 요소가 작동하지 않습니다 초기 바인딩, 그래서 일반 .click 이벤트 바인딩 후 DOM에 추가되기 때문에 delegated events를 사용해야합니다. 예를 들어 :

$(document).on("click", "li.k-button span.k-icon.k-delete", function() { 
    console.log("Clicked on X: " + $(this).siblings().first().text()); 
}); 

이 update jsFiddle