请教哪里出错了
qq_遺忘的激情_0
2016-11-02 09:55
请问我下面这段代码哪里出错了，为什么JS没有效果
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.titl{ width:100%; height:130px; margin:0 auto; }
.titl ul{ width:214px; height:50px; float:left; }
.titl ul li.inlinep{ width:106px; height:50px; line-height:50px; text-align:center; border-right:1px solid #999; float:left; }
.titl ul li a{ font-family:"黑体"; font-size:14px; color:#222; display:block; }
.linepnone{ border-bottom:1px solid #999; }
</style>
<script>
$(function(){
$('.titl ul li').click(function(){
$(this).siblings('li').addClass('.linepnone');
$(this).removeClass('.linepnone');
})
})
</script>
</head>
<body>
<div class="titl">
<ul>
<li class="inlinep"><a href="#">我要充值</a></li>
<li class="inlinep linepnone"><a href="#">充值记录</a></li>
</ul>
</div>
</body>
</html>
4回答
-
- qq_情雨结缘_04097681
- 2016-11-17 11:27:06
你把addClass('.linepnone')中的 。去掉；同理下面removeClass也是一样
-
- 慕粉3998982
- 2016-11-02 14:38:12
你没加载JQuery库
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
-
- qq_遺忘的激情_0
- 2016-11-02 14:29:14
是要引入JS库文件吗
-
- 慕粉4114772
- 2016-11-02 13:39:48
<script> $(function(){ $('.titl ul li').click(function(){ $(this).siblings('li').addClass('.linepnone'); $(this).removeClass('.linepnone'); }) }) </script>这段代码中的$('.titl ul li')要能使用的前提是什么？你的代码中作了引入吗？醒醒，回答我
jQuery基础 (一)—样式篇
217509 学习 · 1218 问题
相似问题