javascript - Jquery 仅适用于第一页加载（ajax 分页）

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"]')，因为链接是用数字后缀动态创建的。例如预览1，预览2...等。

score 0 · Accepted Answer

尝试简化您的示例并添加此代码以查看是否从此处扩展它是否有效。

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

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

1 回答 1