Question

我一直在寻找这个问题的答案，我认为我的代码是正确的，但它似乎并没有起作用。

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/app.js"></script>
<div class="navigation" align="center">
    <ul>
        <a href="#"><li id="aboutlink">About</li></a>
        <a href="#linkedin"><li id="linkedinlink">Linkedin</li></a>
        <a href="#contact"><li id="contactlink">Contact</li></a>
   </ul>
</div>

CSS

.navigation a {
text-decoration: none;
}
.navigation  {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
}
.navigation ul li {
color: #f0f0f0;
display: inline;
padding: 15px 15px 0px 15px;
}
.navigation ul li:hover {
border-bottom: solid 2px #cc4926;
}
.active {
border-bottom: solid 2px #007f59;
}

.body {
font-size: 16px;
}

jQuery 1.11.1

$(document).ready(function() {
   $("#linkedinlink").click(function() {
     $(this).addClass('active')
   });
}),

您还可以查看jsfiddle

上的代码

你能告诉我我做错了吗？

Answer 1

你的上一个)有一个逗号而不是;导致它出错，修复它并且你应该是金色的。

http://jsfiddle.net/dhershman/9no05urs/2/

编辑：密切关注您的控制台。这是你所有错误的指南。

Answer 2

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/app.js"></script> <div class="navigation" align="center"> 
<ul>
<li id="aboutlink"> <a href="#">About</a></li> <li id="linkedinlink"> <a href="#linkedin">Linkedin</a></li> 
<li id="contactlink"> <a href="#contact">Contact</a></li> </ul> </div>

首先纠正你的HTML元素，现在尝试你的jquery方法。

$（document）.ready（function（）{$（“＃linkedinlink”）。click（function（e）e.prevent default（）; $（this）.addClass（'active'）}）;} ），

如何addClass到列表元素？

2 个答案: