에 게시 된 Ajax 게시물

Question

$('body').on('click','.removebet i',function(e){ 
    var a = $(this).attr("id"); 
    var data = "a="+a; 

    $.ajax({ 
     type: "POST", 
     url: "yorumcikar.php", 
     data: data, 
     success: function(e){ 
    }); 

나는이 문제를 설명 할 것이다. 이 함수를 사용하여 AJAX 양식을 게시 할 수 있으며 Ajax에서 오는 .removebet i을 제외하고는 문제가 없습니다.

AJAX에 .removebet i을 붙이면 AJAX를 호출하지 않기 때문에이 함수가 작동하지 않습니다.

예 : 나는 '나'가 작동하지 않습니다 상단에있는 기능에 태그를 클릭 한 다음

$(".maindiv").html("<span class='removebet'><i>Yes</i></span>"); 

.

Answer 1

나는 이것이 작동해야한다고 생각합니다.

$('.removebet > i').click(function(event){ 
    var a = $(this).attr("id"); 
    alert(a); 

    $.ajax({ 
     type: "POST", 
     url: "yorumcikar.php", 
     data: data, 
     success: function(retval){ 
      alert(retval); 
     } 
    }); 
}); 

편집

이 작동합니다, 그러나 각각의 새로 추가 된 항목이 이미 일어난 바인딩으로 바인딩되지 않습니다. 새로 추가 된 항목을 바인딩하려면 추가 할 때 다시 바인딩해야합니다.

$.ajax({call to get your new item}, 
     success: function(data){ 
      // add to dom 
      bindElement(newElement); 
     } 
}); 

function bindElement(element){ 
$(element).click(function(event){ 
    var a = $(this).attr("id"); 
    alert(a); 

    $.ajax({ 
     type: "POST", 
     url: "yorumcikar.php", 
     data: data, 
     success: function(retval){ 
      alert(retval); 
     } 
    }); 
}); 
}