带有jquery load()函数的非常困难的脚本不';我不想正常工作

带有jquery load()函数的非常困难的脚本不';我不想正常工作,jquery,ajax,Jquery,Ajax,我被jquery加载函数卡住了。我想做一个从其他页面加载内容的无限滚动页面。但当我滚动时,jquery load();函数只正确执行一次。在特定的触发滚动点,它从下一页加载内容。但当我滚动到下一个加载内容的触发点时,它只会在每个滚动事件上加载新内容,所以它每毫秒加载下一个内容。我只是不知道问题出在哪里,以及如何让它正常工作。也许我的问题没有答案,但我真的在任何地方都找不到解决办法。提前谢谢 以下是指向我正在处理的页面的链接: 以下是脚本: $( window ).load(function()

我被jquery加载函数卡住了。我想做一个从其他页面加载内容的无限滚动页面。但当我滚动时,jquery load();函数只正确执行一次。在特定的触发滚动点,它从下一页加载内容。但当我滚动到下一个加载内容的触发点时,它只会在每个滚动事件上加载新内容,所以它每毫秒加载下一个内容。我只是不知道问题出在哪里,以及如何让它正常工作。也许我的问题没有答案,但我真的在任何地方都找不到解决办法。提前谢谢

以下是指向我正在处理的页面的链接:

以下是脚本:

$( window ).load(function() {
$.ajaxSetup({ //禁用AJAX响应的缓存 缓存:false });

//变量
var currentcontentid=parseInt($(“div.content”).attr('id').replace(/content/,''),
nextcontentid=parseInt(currentcontentid)+1,
previouscontentid=parseInt(currentcontentid)-1,
currentContent=$(“#content”+currentcontentid),
nextContent=$(“#内容”+nextcontentid),
$window=$(window),
点火=0;
var pages=['about.htm'、'architecture-concrete.htm'、'artists.htm'、'calculate-production.htm'、'classifier1.htm'、'classifier2.htm'、'decortical-concrete.htm'、'learnsculpture.htm'、'manufacturing-technology.htm'、'technology-characteristics.htm'、'tips-to-new-customers1.htm'、'tips-to-new-customers2.htm';
var nextpageurl=页面[nextcontentid];
var contentOffset=$('#content'+currentcontentid).offset().top;
var contentHeight=$('#content'+currentcontentid).height();
var windowHeight=$window.height();
var triggerHeight=contentOffset+contentHeight-windowHeight;
var marginOldContent=contentOffset+contentHeight;
var=0;
//加载内容边距
$('.content').css('height',windowHeight);
$('head').append('content'+nextcontentid+'{margintop:'+windowHeight+'px;}');
//滚动加载功能
$(窗口).on('scroll',function(){
var scroll=$window.scrollTop();
var triggerHeight=contentOffset+contentHeight-windowHeight;
$('.scroll3').html(滚动);
$('.scroll2').html(triggerHeight);
如果(滚动>=触发高度){
var urlPath=“/俄语/aboutnew/”+nextpageurl;
$(“正文”)。附加(“”);
$(“#content”+nextcontentid.load(“/俄语/aboutnew/”+nextpageurl+”.content”);
$(“#content”+currentcontentid).css('margin-top',-marginOldContent);
$('#content'+currentcontentid).css('position','fixed');
//以前的内容淡出
变量头=$(“#内容”+currentcontentid);
var范围=200;
$(窗口).on('scroll',函数(){
var scrollTop=$(this).scrollTop(),
高度=收割台。外部高度(),
偏移=高度/2,
计算=1-(滚动顶部-偏移+范围)/范围;
css({'opacity':calc});
如果(计算>'1'){
css({'opacity':1});
}否则如果(计算<'0'){
css({'opacity':0});
}
}); 
//更改URL
window.history.pushState(“对象或字符串”、“标题”、urlPath);
//更改标题
$.ajax({
url:urlPath,
数据类型:“html”,
成功:函数(html){
$('.scroll').text(html);
var title=$('.scroll').text($(html.filter('title').text());
document.title=$('.scroll').html();
}       
});  
currentcontentid=currentcontentid+1;
nextcontentid=nextcontentid+1;
nextpageurl=页面[nextcontentid];
contentOffset=$('#content'+currentcontentid).offset().top;
contentHeight=$(“#content”+currentcontentid).outerHeight(true);
windowHeight=$window.height();
triggerHeight=contentOffset+contentHeight;
$('.scroll3').html(滚动);
$('.scroll2').html(triggerHeight);
};
/*如果($window.scrollTop()>=menudistance-70){
$('.subnumpage2').css('position','fixed');
$('.subnumpage2').css('top','70px');
}否则{
$('.subnumpage2').css('position','static');
$('.subnumpage2').css('top','70px');
}
$(窗口).on(“滚动”,函数(){
var scrollHeight=$(document.height();
var scrollPosition=$(窗口).height()+$(窗口).scrollTop();
如果((滚动高度-滚动位置)/scrollHeight==0){
$('.subnumpage4').css('position','static');
}       
});*/     
});
});
您正在使用jQuery文本(值)方法,该方法将元素中的内容替换为类“scroll”:

也许你想改用append?


描述:将匹配元素集中每个元素的内容设置为指定的文本我还认为您的nextpageurl变量将始终相同,因为以下代码:

var currentcontentid = $("div.content").attr('id').replace(/content/, ''),
  nextcontentid = parseInt(currentcontentid) + 1,
不是滚动时执行的函数的一部分。

这个文本(值)方法的作用是,它基本上改变了页面的标题,从加载的页面内容中获取。我无法仅从另一个使用AJAX的页面获取标题,因此我需要获取所有HTML代码,然后过滤标题。
 $('.scroll').text(.......);
var currentcontentid = $("div.content").attr('id').replace(/content/, ''),
  nextcontentid = parseInt(currentcontentid) + 1,