AjQuery页面上的jQuery scrollTop重新加载

提问于 2024-05-02T00:31:57+08:00

浏览次

0

点击后，我的网站上的列表产品页面上的分页将重新加载Ajax .

我想添加一个jQuery事件，当使用分页选择页面时会触发该事件 . 它应该将用户滚动到页面顶部 . 这是我到目前为止，不幸的是它只发射一次 .

$( "li.page.curved_mini" ).on('click', function() {
    $('html, body').animate({scrollTop: '0px'}, 800);
});

2 回答

3
我猜测li.page正在被ajax加载替换，并且您的事件没有被重新绑定到新替换的元素 . 尝试：
```
$('body').on('click', "li.page.curved_mini", function() {
  $('html, body').animate({scrollTop: '0px'}, 800);
});
```
这会将事件绑定到body元素（不会被替换）但仍然只点击li的fire，并且即使在通过ajax加载替换li之后也将保留 .
回复于 2024-05-02T00:31:57+08:00
0
阿贾克斯有一个残疾，在他回来之后，他有点无视课堂和身份的事件 .

您可以使用.live或onclick =“”修复它

我更喜欢使用onclick
```
<a onclick="scrollUp()">...</a>
<script type="text/javascript">
    function scrollUp() {
        $('html, body').animate({scrollTop: '0px'}, 800);
    }
</script>
```
回复于 2024-05-02T00:31:57+08:00

相关问题