Jquery仅适用于第一页加载（ajax paganation）

唯一的问题： jquery不会触发我的锚链接的click事件，除了第一页以外的其余ajax加载页面。

这个主题已经有很多答案，但它们都不适用于我。

我尝试过的事情:( 请看看……我可能以错误的方式实现它）

1.）在click事件之前首先包装div data-role="page" ：

  $('a[id^="preview"]').wrap('
'); //... click event code.. see below 

2.）使用body捕获指定链接上的事件

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

3.）尝试将脚本放在头部或身体上。

4.）尝试将脚本放在外部或体内。

我尝试过的所有事情都失败了。 只是在第一页上工作。

---

这是我的点击事件的代码，在第一次加载时完美运行（第一页）：

 $('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('
Click me') }); $('body').on('click', 'a', function(){ alert('It works!'); });