简单jQuery和CSS导航在刷新时无法正常工作。。。所有浏览器

简单jQuery和CSS导航在刷新时无法正常工作。。。所有浏览器,jquery,css,random,navigation,nav,Jquery,Css,Random,Navigation,Nav,好的,在所有浏览器和分辨率中似乎都是这样。我对编码是全新的,所以我相当肯定我遗漏了一个简单的错误。我问了一群朋友,似乎每个人都一样。导航悬停仅在主编码布局(尚未完全编码)的部分时间有效。我自己拔出了导航,它似乎100%的时间都能正常工作 您可以在此处查看它的工作方式: 问题就在这里: 一开始它可能对你有效,也可能无效。如果垃圾邮件刷新(Ctrl+R),它有时会工作。当它不工作时,不管发生什么,它似乎都处于悬停状态(粗体白色链接) 我感谢你能提供的任何见解;再一次,我很确定我犯了一些愚蠢的错误,希

好的,在所有浏览器和分辨率中似乎都是这样。我对编码是全新的,所以我相当肯定我遗漏了一个简单的错误。我问了一群朋友,似乎每个人都一样。导航悬停仅在主编码布局(尚未完全编码)的部分时间有效。我自己拔出了导航,它似乎100%的时间都能正常工作

您可以在此处查看它的工作方式:

问题就在这里:

一开始它可能对你有效,也可能无效。如果垃圾邮件刷新(Ctrl+R),它有时会工作。当它不工作时,不管发生什么,它似乎都处于悬停状态(粗体白色链接)


我感谢你能提供的任何见解;再一次,我很确定我犯了一些愚蠢的错误,希望有更有经验的人能发现并为我指出?谢谢

这是我为您制作的一个快速演示:

$(文档).ready(函数(){
$(“#topnav li”).prepend(“”;//在a标记前面抛出一个空的span标记
$(“#topnav li”)。每个(函数(){//对于每个列表项。。。
var linkText=$(this.find(“a”).html();//查找标记内部的文本
$(this.find(“span”).show().html(linkText);//在span标记中添加文本
});
$(“#topnav li”).hover(函数(){//On hover。。。
$(this.find(“span”).stop().animate({
marginTop:“-40”//找到span标记并将其向上移动40像素
}, 250);
},函数(){//悬停时。。。
$(this.find(“span”).stop().animate({
marginTop:“0”//将量程移回其原始状态(0px)
}, 250);
});
});
ul#topnav{
保证金:0;
填充:0;
列表样式:无;
浮动:左;
字体大小:1.1米;
}
ul#topnav li{
保证金:0;
填充:0;
溢出:隐藏;
/*--重要信息-默认情况下屏蔽悬停状态--*/
浮动:左;
高度:40px;
}
ul#topnav a,
ul#顶部导航跨度{
/*--

  • 我知道这很愚蠢……因为我在调用jQuery之后而不是之前列出了外部CSS。

    它对我根本不起作用(Chromium 12/Ubuntu 11.04)…即使是?也会在某些时候起作用。尝试在1秒内按ctrl+r大约3次。这可能需要一些刷新,但最终会起作用…这很奇怪。哦,对不起:链接工作得很好;是另一个页面失败了。我应该更清楚;对不起!=)是否附加了其他外部CSS。不,只是附加了t单一样式表(css/style.css)…问题来自于我在页面上编码的其他元素的css。它可能非常草率,我犯了一些错误,干扰了导航的功能。这是我唯一能想到的。我只是不知道css有什么错。