如何在向下滚动javascript函数上调用loadmore函数(仅一次)?
当用户向下滚动并到达页面底部时,我使用以下代码触发我的onloadmore函数。但我注意到,很多时候,该函数在向下滚动时被多次调用!有谁能告诉我为什么loadmore函数在同一组数据中被多次调用!是网络连接问题吗?我只想多打一次电话如何在向下滚动javascript函数上调用loadmore函数(仅一次)?,javascript,ajax,api,scroll,Javascript,Ajax,Api,Scroll,当用户向下滚动并到达页面底部时,我使用以下代码触发我的onloadmore函数。但我注意到,很多时候,该函数在向下滚动时被多次调用!有谁能告诉我为什么loadmore函数在同一组数据中被多次调用!是网络连接问题吗?我只想多打一次电话 <script> var nextTagId = null; function callLoadMore() { $.ajax({ type: "GET",
<script>
var nextTagId = null;
function callLoadMore() {
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: "http://api.sometime.com/api.php?count=100" + ( nextTagId ? "&next_id=" + nextTagId : ""),
success: function(data) {
for (var i = 0; i < 100; i++) {
document.myform.outputtext.value = document.myform.outputtext.value+data.data[i].pics.standard.path+'\n' ;
}
}
});
}
</script>
<script>
$(function() {
$(window).bind("scroll", function (){
console.log("SCROLL : " + $(window).scrollTop()
+ " - " + $(window).innerHeight()
+ " - " + document.body.clientHeight);
if ($(window).scrollTop() + document.body.clientHeight >= $(window).innerHeight()) {
//alert('Bottom!');
callLoadMore();
}
});
});
</script>
var nextTagId=null;
函数callLoadMore(){
$.ajax({
键入:“获取”,
数据类型:“jsonp”,
cache:false,
url:“http://api.sometime.com/api.php?count=100“+(nextTagId?”&next_id=“+nextTagId:”),
成功:功能(数据){
对于(变量i=0;i<100;i++){
document.myform.outputtext.value=document.myform.outputtext.value+data.data[i].pics.standard.path+'\n';
}
}
});
}
$(函数(){
$(窗口).bind(“滚动”,函数(){
log(“滚动:”+$(窗口).scrollTop()
+“-”+$(窗口).innerHeight()
+“-”+document.body.clientHeight);
if($(窗口).scrollTop()+document.body.clientHeight>=$(窗口).innerHeight()){
//警报(‘底部’);
callLoadMore();
}
});
});