如何阻止页面刷新?

时间:2014-02-03 11:31:20

标签: jquery css html5

在我正在处理的网站(http://easyspeedy.greenlevel.pl)上,我添加了一些jquery,使用以下代码在菜单上创建一个活动类:

$("#menu li").click(function(){
//alert('hi');
$("#menu li").removeClass()
$(this).addClass("active")
}) ;

点击菜单后,我可以使用Chrome的检查元素功能查看添加的课程,但随后它会立即消失。我之前已经多次使用过这段代码了,它总是有用的。

第二个奇怪的事情是在网站的底部,在页脚的正上方,有一个固定定位的背景,它在大约5秒后刷新;这只发生在Chrome上。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:1)

第一个很简单。您在菜单中有链接,因此点击li元素后,它会将页面位置更改为a中的位置。除非您有单页应用程序(而您的应用程序不是),否则应在后端html模板中设置此类。

第二个问题更复杂,可能是Chrome中的错误。一种解决方案可能是(但我不确定)减小背景图像的大小,因为它是与内存相关的问题。或者你可以简单地不使用固定的背景图像。

答案 1 :(得分:1)

也许您点击菜单中的链接并实际加载链接的网址?

如果您想阻止加载该链接,您需要致电.preventDefault做类似的事情......

$("#menu li a").click(function (event) {
    event.preventDefault();
});

或许我误解了你的问题。 ; - )