Question

我的网站上列表产品页面上的分页在单击时使用Ajax重新加载。

我想添加一个jQuery事件，该事件在使用分页选择页面时触发。它应该将用户滚动到页面顶部。这是我迄今为止所做的，不幸的是它只发射一次。

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

Answer 1

我猜测li.page正在被ajax加载替换，并且您的事件未被重新绑定到新替换的元素。尝试：

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

这会将事件绑定到body元素（不会被替换）但仍然只点击li的激发，并且即使在通过ajax加载替换li之后也会保留。

Answer 2

ajax有残疾，在他回来后，他有点无视课堂和身份的事件。

您可以使用.live或onclick =＆＃34;＆＃34;

进行修复

我更喜欢使用onclick

<a onclick="scrollUp()">...</a>
<script type="text/javascript">
    function scrollUp() {
        $('html, body').animate({scrollTop: '0px'}, 800);
    }
</script>

AjQuery页面上的jQuery scrollTop重新加载

2 个答案: