Question

我注意到问题主要出在操作系统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文件。我还使用了谷歌托管的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代码执行之前还对页面进行样式设置，最好在文档<link rel="stylesheet">元素中的<script>标记之前放置<head>标记。< / p>

Answer 2

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

jScrollPane错误？页面刷新会破坏jScrollPane或其他影响它的东西

2 个答案: