Question

我的网站上有一些奇怪的行为，我不知道如何修复它。

一个重要的事实开始：当我点击地址栏并点击进入网站加载非常好但是当我用F5刷新它时，噩梦发生了。例如，我使用这个jQuery脚本来居中div：

jQuery.fn.center = function(parent) {
    if (parent) {
        parent = this.parent();
    } else {
        parent = window;
    }
    this.css({
        "position": "fixed",
        "top": ((($(parent).height() - this.outerHeight()) / 2) + $(parent).scrollTop() + "px"),
        "left": ((($(parent).width() - this.outerWidth()) / 2) + $(parent).scrollLeft() + "px")
    });
return this;
}

刷新之后div消失了。我发现这是因为它的“顶级”属性是以一种非常奇怪的方式分配的。第一次进入后，它的确定（它居中）在第二次刷新后，其“top”属性设置为900px，第三次刷新后为1100px。

另一件事是我在我的网站上使用这个日历脚本：http://www.eyecon.ro/datepicker/。我只是把它分配给阻止，一切正常但是在击中F5后有时它会加倍（显示双日历）和类似的东西。我认为它可能会发生，因为我在网站上使用一个表单和一些javascript来处理它（现代浏览器在刷新后记住输入的值）所以我在整个表单上设置autcomplete =“off”。没有解决问题。可能是什么原因？

Answer 1

你如何实现函数的调用？ “文件准备好”之后的所有内容？

$(document).ready(function () {
    // javascript code here
});

Answer 2

好的，我刚发现了一些线索。

Ctrl + F5有帮助，因为它是关于清除缓存它可能是它。但我仍然不知道为什么会发生这种情况，因为当我查看标题时，我看到了这一点：

HTTP/1.1 200 OK
Date: Fri, 12 Jul 2013 09:03:12 GMT
Server: Apache/2.4.3 (Win32) OpenSSL/1.0.1c PHP/5.4.7
X-Powered-By: PHP/5.4.7
**Cache-Control: no-cache**
X-Debug-Token: a4c0e3
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8

所以看起来Cache应该不起作用？为什么呢？

刷新后奇怪的网站行为

2 个答案: