jScrollPane 错误？页面刷新破坏了 jScrollPane 或其他因素影响了它

Question

我注意到这个问题主要出现在 OS 10.5.8 上的 Firefox 3.6.6 上，Safari 上偶尔也会出现这个问题（准备好你惊讶的表情 - IE 实际上每次都工作正常 - 什么？！）。

我的网址在这里: http://culturewithinaculture.org/introduction.php

注意：由于我们尚未正式启动该网站，因此该网站目前受密码保护。
用户：cwac
通过：cwac2112

问题：如果您访问上面的链接，第一次应该可以正常加载。 JS 和 CSS 文件看起来一切都很好。但是，当您点击刷新时，它就会崩溃。有时需要刷新 1 次，有时需要 2 或 3 次。另一个奇怪的事情是，如果您等待 30 秒左右并点击刷新，就会再次正常。看起来相当随机。当我说它“中断”时，我的意思是它无法将 jScrollPane 函数应用于我的英语和日语副本的 DIV 标签。

所以我尝试在不同时间加载所需的 JS 文件，但还没有成功。例如，尝试在 jScrollPane.js 文件之前和之后加载 mousewheel.js 文件。我还使用了 Google 托管版本的 Jquery 链接，认为它可能向我们的 MediaTemple 托管帐户请求太多...可能是缓存问题等。这是我用来加载所有必要的代码页面的功能（主要使用jScrollPane和prettyPhoto作为视频链接）：

$(document).ready(function(){

// scrollpane code

    $('.scroll-pane').jScrollPane();    

//Rollovers for navigation buttons

    $(".navBtn").hover(
        function(){
            this.src = this.src.replace("_org","_over");
        },
        function(){
            this.src = this.src.replace("_over","_org");
    });


//PrettyPhoto Function
$(function()
    {
    $("a[rel^='prettyPhoto']").prettyPhoto();
    });
});

如果你们有任何建议，我将不胜感激。我绝对是 jQuery 的新手，这是我的第一个仅使用 jQuery 的网站。有人以前使用 jScrollPane 时遇到过此错误吗？我的 CSS 有什么奇怪的东西破坏了这个吗？

Answer 1

这有点盲目，但请尝试在 js 文件之前加载 CSS 文件。

我似乎记得在某处读过，你的 CSS 应该在 jQuery 代码之前定义。 我正在寻找该文档。如果我找到它，我会发布它。

更新：

它来自 Jonathan Chaffer、Karl Swedberg 的学习 jQuery 1.3

为了确保页面在 JavaScript 代码执行之前也已设置样式，最好将 标记放在 < script> 文档的 元素中的标记。

Answer 2

我同意帕特里克的观点，过去半个小时我一直在测试你的页面，但没有结果。
CSS 应该有问题，我仍然不明白它如何在重新加载页面之前第一次正常工作并在重新加载后崩溃