확인 동적 요소에 대한 jQuery 1.7 on() 및 off() 메소드




jquery 조회 (3)

jQuery 1.7의 .off() .on().off() 메소드는 .off() 등을 대체 .live() 합니다.

동적 항목으로 시도했습니다.

 $(".myList").on('click', function(e){
  alert('hello world');
 });

이것은 DOM이로드 된 후에 추가 된 요소에 대해서는 나를 위해 작동하지 않습니다.

위의 코드가 jQuery 1.7의 .off().off() 메소드에 대한 유효한 예제입니까?


다음은 약간의 예입니다.

http://jsfiddle.net/zzSjK/

<script type="text/javascript">
    $(function(){
        $(document).on('click','.clickme' , function(e){
          addtext()
        });
        function addtext() {
            $('.myList').append('<div class="clickme">click me</div>')
        }
    })
</script>

<div class="myList">
    <div class="clickme">-click-</div>
</div>

live () -> on / off () (및 기타) 예제는 http://blog.jquery.com/2011/11/03/jquery-1-7-released/ 을 참조하십시오.

다음은 실시간 전환에 대한 예입니다.

$('a').live('click', fn);
$(document).on('click', 'a', fn);

그래서 당신의 본보기는 다음과 같습니다 :

$(document).on('click', '.myList', function(e){
  alert('hello world');
});

"바인딩":

$(document).on('click','.myDiv',function(){ ... });

그리고 "바인딩 해제":

$(document).off('click','.myDiv');




jquery-1.7