jQuery僅在首頁加載時起作用（ajax異化）

Question

唯一的問題：除了第一頁以外，其余ajax加載的頁面，jquery都不會觸發我的錨鏈接的click事件。

已經找到了與該主題相關的許多答案，但沒有一個對我有用。

我嘗試過的事情：（ 請看一下。我可能以錯誤的方式實現它）

1.）在點擊事件之前先用div data-role="page"包裝：

 $('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事件代碼，可以在首次加載（第一頁）時完美運行：

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

注意：

我正在使用$('a[id^="preview"]')因為該鏈接是動態創建的，並帶有數字后綴。 例如：preview1，preview2 ...等。

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!');
});