Javascript 无限滚动并重新加载附加数据
我有一个网页,其中我有无限滚动,它工作得很好,但当无限滚动后附加的数据从第二页(比如Javascript 无限滚动并重新加载附加数据,javascript,php,html,ajax,Javascript,Php,Html,Ajax,我有一个网页,其中我有无限滚动,它工作得很好,但当无限滚动后附加的数据从第二页(比如scroling.php)到第一页(比如主页)被重新加载时,它就会消失。我的意思是它没有被显示出来 花了几个小时后,我知道这是因为当我尝试重新加载任何附加的div时,第二个页面(scrolling.php)中的变量(请求的页面)的值消失了 我想我的代码会让它更清晰: $(document).ready(function() { var page = 1; var height = $("#fo
scroling.php
)到第一页(比如主页)被重新加载时,它就会消失。我的意思是它没有被显示出来
花了几个小时后,我知道这是因为当我尝试重新加载任何附加的div
时,第二个页面(scrolling.php
)中的变量(请求的页面)的值消失了
我想我的代码会让它更清晰:
$(document).ready(function() {
var page = 1;
var height = $("#forheight").height();
$(window).scroll(function() {
if ($(window).scrollTop() + height >= $("#forscrilling").height()-10) {
document.getElementById('infiscroll').style.display = 'block';
page++;
var data = {
requested_page: page,
listoffrndsinimplode: "<?php echo $listoffrndsinimplode; ?>"
};
var actual_count = "<?php echo $noofposts; ?>";
if ((page-1)*13 >= actual_count) {
document.getElementById('infiscroll').style.display='none';
} else {
$.ajax({
type: "POST",
url: "scrolling.php",
data:data,
success: function(res) {
$("#loadinto").append(res);
document.getElementById('infiscroll').style.display='none';
}
});
}
}
});
});
每个div
都有一个唯一的id,比如rate+注释的id,该id是唯一的,因此id看起来像rate1、rate2、rate3
我认为,当请求页面的值离开第二个页面时,注释的id就不存在了,因此它就消失了,因为页面没有任何带有该id的div
我只是想问一下如何将请求页面的值存储在第二个页面上。我无法将其存储到会话或cookie中,因为请求的页面可以是
2,3,4,5,6,7
——任何东西——我有很多这样的页面。您使用的是最新版本吗
我认为有一个新的选择:
appendCallback:trueappendCallback:true它的作用是什么??
<?php
session_start();
include_once('conn.php');
$name = $_SESSION['name'];
$id = $_SESSION['id'];
$email = $_SESSION['email'];
include_once('time.php');
$requested_page = $_POST['requested_page'];
$set_limit = (($requested_page - 1) * 13).",13";
$listoffrndsinimplode = $_POST['listoffrndsinimplode'];
$slashes = array("\'");
$friendswithoutslashes = str_replace($slashes, "'", "$listoffrndsinimplode");
$detailsoffrienda = mysql_query("
select * from fk_views where (
session_id IN ($friendswithoutslashes) or
onprf_of IN ($friendswithoutslashes)) and
(views !='' or uploadpic !='')
order by id desc
limit $set_limit
");
?>
function hits(obj) {
var currentrateform = $(obj);
var id = $(obj).attr("id"); //hitsform....
$.ajax({
type: 'POST',
url: 'rating-manager.php',
data: currentrateform.serialize(),
success: function(){
$("#rate"+id).load("home.php #rate"+id);
}
});
return false;
}