ajax append는 javascript가 여러 번 실행되도록합니다.

Question

PHP의 동적 테이블을 만들었습니다. 행의 모든 ​​이미지에 ID의 특정 URL이 있습니다. 예를 들어

:

사용자가이 이미지를 클릭하면, 그 동작을 실행한다. 이것은 잘 작동합니다.

두 번째 아약스에서는 이전 url로 colorbox를 다시로드해야합니다. 이것은 또한 작동하지만, 자바 스크립트가 다시로드 된 것 같다 (비록 새로운 값으로)?

$('#cboxLoadedContent img[alt="markmessage"]').live('click', function(){ 
var returnurl = "<?php echo $_SESSION['returnpage']; ?>"; 
var markurl = $(this).attr('id'); 
alert(markurl); 

// Do the action 
$.ajax({ 
    method:'GET', 
    url: markurl, 
    cache:false 
}); 

// Reload colorbox again with previous contenturl. 
$.ajax({ 
     type: 'GET', 
     url: returnurl, 
     dataType: 'html', 
     cache: true, 
     beforeSend: function() { 
       $('#cboxLoadedContent').empty(); 
       $('#cboxLoadingGraphic').show(); 
     }, 
     complete: function() { 
       $('#cboxLoadingGraphic').hide(); 
     }, 
     success: function(data) {    
     $('#cboxLoadedContent').empty(); 
       $('#cboxLoadedContent').append(data); 
     } 
}); 
}); 
</script> 

javascript를 다시 colorbox에 추가하지 못하게 할 방법이 있습니까? ...이 이후에 새로운 URL을 처리하기로했다,

자바 스크립트 비활성화 할 수 없습니다 ...

Answer 1

바인딩 간단한 click 이벤트를보십시오. 여기에서는 선택한 요소에만 바인딩하고 새로운 요소에는 바인딩하지 않습니다. 이벤트를 한 번만 실행하려면 one을 사용하십시오.

Answer 2

I를 내가 (DOM으로 제거 등) 몇 가지 방법을 시도했지만, 아무것도 작동하는 것 같다 없다 어떤 jQuery 버전을 사용하고 계신지 확실하지 않지만 live()은 1.7에서 더 이상 사용되지 않으므로 on()을 사용해 보시기 바랍니다.

Answer 3

은 첫 번째 줄에 one에 live를 교체하십시오 : $('#cboxLoadedContent img[alt="markmessage"]').one('click', function(){