我注意到这个问题主要出现在 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 有什么奇怪的东西破坏了这个吗?
最佳答案
这有点盲目,但请尝试在 js 文件之前加载 CSS 文件。
我似乎记得在某处读过,CSS 应该在 jQuery 代码之前定义。 我正在寻找该文档。如果找到的话会发布。
更新:
它来自 Jonathan Chaffer、Karl Swedberg 的学习 jQuery 1.3
To ensure that the page has also been styled before the JavaScript code executes, it is a good practice to place
<link rel="stylesheet">
tags prior to<script>
tags within the document's<head>
element.
关于jquery - jScrollPane 错误?页面刷新破坏了 jScrollPane 或其他因素影响了它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3181604/