온 페이지 페이지 매김이 작동하지 않습니다.

Question

페이지 매기기가 있습니다. 처음으로 데이터와 페이지 매김 링크가 서버에서 생성되어 내보기에 표시되었습니다. 드롭 다운 목록이 있습니다. 다음 번에 매번 변경해야합니다. jQuery, ajax, json으로 페이지를로드하지 않고 드롭 다운 목록이 변경 될 때마다 데이터 및 페이지 매김 링크가 생성됩니다. 데이터 및 링크를 성공적으로 변경했습니다. 처음 서버 반환에 따라 페이지 매김 링크를 만들었습니다. 그러나 이번에는 트리거 할 수 없습니다 ul> li> a element.I 이유는 모르겠지만 !!! 동일한 js2 코드가 서버가 반환하는 페이지 매김을 위해 작동합니다.

HTML은 : 서버는이 작동

<div class="pagination"> 
    <ul> 
     <li class="disabled"><a >1</a></li> 
     <li><a href="http://localhost:8070/poralekha/home/universities/5">2</a></li> 
    </ul> 
</div> 

를 반환합니다.

JS1 : 페이지 매기기에 : 일반적인 두 매김

을 위해 :

여기

var pagination=" "; 
    pagination+="<ul >"; 

    for(var i=1; i<=data['varsities'].length ;i++) 
    { 
     pagination+="<li class='disabled'>"; 
     pagination+="<a href='#' class='page' >"; 
     pagination+=i; 
     pagination+="</a>"; 
     pagination+="</li>"; 

    } 
    pagination+="</ul>"; 

    $('.pagination').html(pagination); 

클래스 = '페이지'바로 .page이

JS2을 클릭 i 값을 얻을 사용되어왔다

$(".pagination > ul >li > a").click(function(event){ 
     event.preventDefault(); 
     alert("This index is clicked."); 
    }); 

또는

 $(".page").on('click', function(event){ 
      event.preventDefault(); 
      alert(" clicked."); 
     }); 

간단히 말해 .page를 클릭 할 때 트리거를 원합니다. 나는 이것에 대해서 막 화나게 될 것입니다. 어떻게이 문제를 해결할 수 있습니까? 감사합니다. . 대신 click()의

Answer 1

에 한번 사용 on() 방법 :

$(".pagination > ul >li > a").on('click', function(event){ 
     event.preventDefault(); 
     alert("This index is clicked."); 
    }); 

jQuery를 이전 버전 live() 방법을 사용하십시오 : 당신의 대답에 대한

$(".pagination > ul >li > a").live('click', function(event){ 
     event.preventDefault(); 
     alert("This index is clicked."); 
    });