href 在导航栏中不起作用.有人可以告诉我如何让它工作
href not working in navigation bar...can someone tell me how to make it work
css
.b1 {
background-color:#FFFFFF;
}
.ls
{
position:absolute;
top:0px;
left:165px;
}
.p1
{
position:absolute;
left:55px;
top:0px;
margin:0px;
padding:200px;
}
.p2
{
position:absolute;
left:500px;
top:400px;
margin:0px;
padding:200px;
}
ul
{
list-style-type:none;
background-color:#000000;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
li a
{
display:inline-block;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;
}
.active
{
background-color:burlywood;
}
.html
- 家 蔬菜
- 非素食
- 甜点
- 饮料
<script>
var myVeg=document.getElementById('myveg');
myVeg.addEventListener('click', function(event){
window.location.href='Veg_1.html';
});
</script>
</body>
您已
将 ID 设置为 li
。尝试将 ID 设置为a
本身。这样,您的JS就知道用户何时单击了href。
.HTML
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#veg" id="myveg">Veg</a></li>
<li><a href="#Non-Veg" >Non-Veg</a></li>
<li><a href="#Desserts" >Desserts</a></li>
<li><a href="#Bevereges" >Beverages</a></li>
</ul>
相关文章:
- 有人能告诉我如何在cent-os中打开扩展名为.dat的FIle吗
- 无法让pdfmake为我工作
- 谷歌关闭注释赢得'Don’不要告诉我;I’我错了
- 我做了一个jquery幻灯片,但没有;我工作不好,我该怎么办
- JavaScript:有人能告诉我我的代码出了什么问题吗?
- Jon Raasch jQuery Slideshow Script 在 Chrome 中无法为我工作
- 我需要将这两个函数从javascript更改为JQuery,任何人都可以告诉我如何转换
- href 在导航栏中不起作用.有人可以告诉我如何让它工作
- 有人能告诉我为什么我的Scrollspy不工作吗
- Javascript初学者-谁能告诉我为什么我的按钮不工作?
- 有人能告诉我这个代码是怎么工作的吗?
- 有人能告诉我这在ff和ie中是如何工作的吗?
- 当我在函数中包装动画效果时,它停止工作.有人能告诉我为什么吗?
- 下拉按钮在引导中不能正常工作.谁能告诉我哪里做错了?
- 请告诉我如何让zclip工作
- Javascript代码不工作?告诉我为什么
- 你能告诉我为什么这不是吗;t工作
- WordPress中的自定义菜单无法正常工作,任何人都可以告诉我原因
- 有人能告诉我为什么这个循环不能正常工作吗?
- Ladda UI为Bootstrap 3不工作?请看到我的代码,并告诉我修复