ajax滚动上的多功能加载

Question

所以，我有infinite ajax scroll

的以下js

jQuery.ias().on('rendered', function(items) {   
        SOME_FUCNTION();            
        alert("Some_function!");                
    });
SOME_FUCNTION()
{
 jQuery('.button').click(function() {       
     alert('You just clicked the button');      
 });
}

现在，它显示每个无限滚动负载的10个帖子。

然而，我意识到每次加载一组新项目时，它会在整个页面上再次运行该函数并且函数“累积”（每次加载新集时我都会收到警报）。

修改

例如，页面顶部的第一个div容器有一个按钮，单击时会显示一个警告（“你刚刚点击按钮”）。

现在，假设无限ajax滚动加载了3次（所以到目前为止共有30个帖子）。

然后，当我点击相同的第一个按钮时，现在它会三次显示警报，就好像该功能已累计三次一样。

我该如何解决这个问题？有什么建议吗？