jquery를 사용한 후에 메뉴 요소가 작동하지 않습니다

Question

안녕하세요. 저는 여기 혼란스러워합니다. jQuery에서 replaceWith();을 사용하여 요소를 대체하려고하는데 잘 작동합니다. 그러나 변환 후 클릭 가능한 요소는 더 이상 작동하지 않습니다. 당신이 요소를 대체 할 때 이벤트 바인딩이 손실되기 때문에 여기 내 code

Answer 1

그게 있습니다. replaceWith()은 기본적으로 요소와 모든 이벤트 바인딩을 제거한 다음이를 새 요소로 바꿉니다. 이벤트 바인딩을 지속하지 않습니다.

대신 .on()을 사용하여 클릭 이벤트를 바인딩하십시오. 바이올린 업데이트

$('.menu').on('click', 'a', function() { 
    ... 
}); 

: http://jsfiddle.net/RTPhR/1/

Answer 2

http://jsfiddle.net/RTPhR/5/ 바인딩 링크에 메뉴에 이벤트 없습니다.

$(document).ready(function() { 
    $('.menu').on('click','a',function() { 
     var $this = $(this), 
      element = $this.attr('name'); 

     if (element == 'opt1') { 
      alert('opcion 1'); 

     } else if (element == 'opt2') { 
      alert('opcion 2'); 
      $this.replaceWith("<a href='#' name='cerrar'>VOLVER</a>"); 

     } else if (element == 'cerrar') { 
      alert('close!'); 
     } 
    }); 
});