Javascript 如何在页面刷新时正确编写jQuery overscroll代码以保存div?
我正在使用Azoff的Overscroll jQuery插件: 我写了这段代码,但似乎不起作用:Javascript 如何在页面刷新时正确编写jQuery overscroll代码以保存div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用Azoff的Overscroll jQuery插件: 我写了这段代码,但似乎不起作用: var PlanetRefreshTimeSec = 1; // Planet refresh time in seconds.. function loadData() { $.ajaxSetup({ cache: false }); var updateScrollPosition = function() {
var PlanetRefreshTimeSec = 1; // Planet refresh time in seconds..
function loadData() {
$.ajaxSetup({
cache: false
});
var updateScrollPosition = function() {
var div = $('#show_planet_realtime');
div.scrollTop(div.height());
};
$("#show_planet_realtime").load("../in/GameEngine/RealTimeRender.php?p=<?php echo $player; ?>", updateScrollPosition, function () {
setTimeout( function () {
loadData();
}, PlanetRefreshTimeSec * 1000);
});
}
$( function () {
loadData();
});
但是它不起作用了。。。正如我之前所说,我有一个精确的jQuery地图,我想保存它的位置,同时刷新整个页面或地图正在刷新它的内容…这可能是一个计时/竞速问题-您试图在div为空时获取div的高度。考虑延迟ScReltOp函数调用的开始。可能尝试替换div.scrollTopdiv.height;使用setTimeoutfunction{div.scrollTopdiv.height},200 谢谢你的回复,但我试过了,不走运:似乎你的代码错了:我的整个div没有加载。如果你不更改那一行,div会加载吗?你的代码,我认为是好的,我只是复制错了:我想问题出在这一行$show\u planet\u realtime.load../in/GameEngine/RealTimeRender.php?p=,updateScrollPosition,function{
$(function(o){
o = $("#my_planet").overscroll({
cancelOn: '.no-drag',
scrollLeft: 200,
scrollTop: 100,
drag: function () {
var cookie_value = JSON.stringify($(this).offset());
$.cookie('newPosition', cookie_value, {
expires: 7
});
}
}).on('overscroll:dragstart overscroll:dragend overscroll:driftstart overscroll:driftend', function(event){
console.log(event.type);
});
if ($.cookie('newPosition')) {
//console.log($.cookie('newPosition'))
$("#my_planet").offset({
top: JSON.parse($.cookie('newPosition')).top,
left: JSON.parse($.cookie('newPosition')).left
})
}
});