Question

只有问题：除了第一页外，jquery不会为其余的ajax加载页面触发我的锚点链接的点击事件。

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

我尝试过的事情： （请看一下......我可能会以错误的方式实现它）

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。）尝试将脚本放在外部或体内。

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

这是我的点击事件代码，在第一次加载（第一页）时效果很好：

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

注意：

我正在使用$('a[id^="preview"]')因为链接是使用数字后缀动态创建的。例如preview1，preview2 ......等。

Answer 1

尝试简化您的示例并添加此代码，以查看是否可以从此处进行扩展。

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

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