jquery只能在第一頁加載（ajax異教）

Question

唯一的問題： jquery不會觸發我的錨點鏈接的點擊事件，除了在第一頁上的其餘ajax加載頁面。

已經有很多關於這個話題的答案，但沒有一個適合我。

事情我用盡：（請採取look..I可能實現它在錯誤的道路）與div data-role="page" click事件之前，首先

1）包裝：

$('a[id^="preview"]').wrap('<div data-role="page" />'); 
//... click event code.. see below 

2.）使用body捕獲指定鏈接上的事件

$('body').on('click','a[id^="preview"]',function(e) { 
//... click event code.. see below 

3.）試過把腳本放在頭上或身上。

4.）試圖將腳本放在外部或體內。

我試過的所有東西都失敗了。只是在第一頁上工作。

---

這裏是我的Click事件代碼和完美的作品第一次加載（第1頁）：

$('a[id^="preview"]').on('click',function(e) { 
     alert('preview clicked'); 
}); 

注：

我使用$('a[id^="preview"]')因爲鏈接是動態用數字後綴創建。例如預覽1，預覽2 ...等。

Answer 1

嘗試簡化您的示例並添加此代碼以查看它是否可行，如果它在此處展開​​。

演示：http://jsfiddle.net/9hpaL/

$('button').click(function(){ 
$('body').append('<br><a href="#">Click me<a/>') 
}); 

$('body').on('click', 'a', function(){ 
alert('It works!'); 
});