jQuery 클릭 이벤트가 두 번째로 작동하지 않습니다.

Question

저는 CodeQuicker로 Ajax 페이지 매김을 처리하고 처리하기 위해 jQuery를 사용하고 있습니다.

Ajax가 처음으로 페이지를로드 할 때 페이지가로드되고 다른 페이지 링크를 클릭하면 작동하지 않습니다 (기본 URL로 이동).

이 내 jQuery를 기능입니다 :

function pagination(){ 
$('.paginate').click(function(){ 
    $('#loading').css('display','block'); 
    var b = $(this).attr('href'); 
    b = b.split('/'); 
    b = 'http://'+'/'+b[2]+'/'+b[3]+'/indexAjax/'+b[5]; 
    grabpagination(b); 
    return false; 


}); 
} 

function grabpagination(b){ 
    $.ajax({ 
    type:'POST', 
    url: b, 
    cache: false, 
    data: {}, 
    success: function (data) { 
     $("#center").replaceWith("<div id='center'>"+data+"</div>"); 
     $('#loading').css('display','none'); 
     $('html, body').animate({scrollTop: '0px'}, 1100); 

    }, 
    dataType: 'html' 
}); 


} 

과 매김 UL

<ul id="pagination"> 
    <li class="current">1</li> 
    <li><a class="paginate" href="http://under.dev/home/index/2">2</a></li> 
    <li><a class="paginate" href="http://under.dev/home/index/4">3</a></li> 
    <li class="text"><a class="paginate" href="http://under.dev/home/index/2">التالي</a></li> 
    <li class="text"><a class="paginate" href="http://under.dev/home/index/14">الأخير</a></li> 
</ul> 

under.dev의 HTML 단지 가상 도메인입니다.

은 어떤 문제가 있습니까? 디버깅을 위해 Firebug를 사용하고 있지만 오류는 발생하지 않습니다.

---

는 Live() 기능을 사용하여 해결했다.

Answer 1

동적으로로드 된 데이터에 바인딩하려면 live() 함수로 이벤트를 바인딩해야합니다.