Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在页面刷新时正确编写jQuery overscroll代码以保存div?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在页面刷新时正确编写jQuery overscroll代码以保存div?

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() {

我正在使用Azoff的Overscroll jQuery插件:

我写了这段代码,但似乎不起作用:

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
        })
    }
});