Onpage分頁不起作用

Question

我有一個分頁頁面。第一次從服務器生成數據和分頁鏈接，並在我的視圖中顯示它們。我有一個下拉列表。對於下一次我想要更改數據和分頁鏈接每當下拉列表更改，而無需使用jquery，ajax，json.I加載頁面，我已經成功地更改了數據和鏈接。我已經根據第一次服務器返回創建了分頁鏈接。但是這次我無法觸發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); 

這裏類= '頁面' 已經使用了先手的時候。第單擊

JS2了我的價值：常用於兩個分頁

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

或

​​3210

總之，當點擊.page時，我想要觸發。我正要對此生氣。我該如何解決這個問題？ 謝謝。

Answer 1

嘗試使用on()方法，而不是click()：

$(".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."); 
    });