我正在我的网站上工作,我陷入了僵局:我在导航栏中创建的链接不会将用户重定向到我网站上的其他页面。
可以看到here,我使用的是一个简单的导航栏,其中包含我发现的at gmarwaha.com技术。我试图尽可能地遵循指示,但似乎我错过了一步 - 不幸的是我无法弄清楚那一步是什么!
CSS与网站上的内容略有不同,但无论如何它仍然来自那里。可以在下面看到:
.lavaLampBottomStyle {
position: relative;
height: 29px;
width: 342px;
background-color: white;
padding: 15px;
margin: 10px 0;
overflow: hidden;
border: 1px solid gray;
margin-left: auto;
margin-right: auto; }
.lavaLampBottomStyle li {
float: left;
list-style: none;
}
.lavaLampBottomStyle li.back {
border-bottom: 5px solid blue;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampBottomStyle li a {
font: bold 14px arial;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
border: none;
}
放在我文档head
中的JavaScript也非常重要:
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
如果有人能帮我找到这个错误,我将非常感激。
答案 0 :(得分:3)
从示例代码中很难说但是从单击返回false会阻止操作。