这段代码哪里有点问题,请高手指点。

tengye19840704 2012-07-16 03:11:08
最近在学习JQUERY,发现书中有一段代码,实际效果跟上面说的不一下,请高手帮忙看下,是不是书中写错了。书中说应该是单击不同商品称链接,显示相应的内容,同时高亮显示当前选择的商品。初期化只显示商品名称,不显示商品的内容,但是实际效果是这段JQUERY没有效果,同时商品名称和内容都显示出来了,怎么回事儿?

代码如下:

<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<script src="D:\Study\Jquery\jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(".level1 > a").click(function(){
$(this).addClass("current")
.next().show()
.parent().siblings().children("a").removeClass("current")
.next().hide();

return false;
});

</script>
</head>
<body>
<div class="box">
<ul class="menu">
<li class="level1">
<a href="#none">衬衫</a>
<ul class="level2">
<li><a href="#none">短袖衬衫</a></li>
<li><a href="#none">长袖衬衫</a></li>
<li><a href="#none">短袖T恤</a></li>
<li><a href="#none">长袖T恤</a></li>
</ul>
</li>
<li class="level1">
<a href="#none">卫衣</a>
<ul class="level2">
<li><a href="#none">开襟卫衣</a></li>
<li><a href="#none">套头卫衣</a></li>
<li><a href="#none">运动卫衣</a></li>
<li><a href="#none">童装卫衣</a></li>
</ul>
</li>
<li class="level1">
<a href="#none">裤子</a>
<ul class="level2">
<li><a href="#none">短裤</a></li>
<li><a href="#none">休闲裤</a></li>
<li><a href="#none">牛仔裤</a></li>
<li><a href="#none">免烫卡其裤</a></li>
</ul>
</li>
</ul>
</div>
</body>
...全文
196 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
xugou123456 2013-01-16
  • 打赏
  • 举报
回复
我也遇到了这样的问题,还是没有看明白怎么弄???请您再给我说的详细一点好吗?谢谢!
tengye19840704 2012-07-16
  • 打赏
  • 举报
回复
对对,多谢各位
gf05011 2012-07-16
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 的回复:]
..............执行顺序啊,你js都执行完了,你的html代码才加载,怎么可能会有效果。

把js代码放body最后,或者用
$(document).ready(function(
///你的代码放这里
))
[/Quote]
1楼说的对! 另外,css样式你写了吗?
balenofun117 2012-07-16
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 的回复:]

..............执行顺序啊,你js都执行完了,你的html代码才加载,怎么可能会有效果。

把js代码放body最后,或者用
$(document).ready(function(
///你的代码放这里
))
[/Quote]
楼上正解
chenyang37 2012-07-16
  • 打赏
  • 举报
回复
..............执行顺序啊,你js都执行完了,你的html代码才加载,怎么可能会有效果。

把js代码放body最后,或者用
$(document).ready(function(
///你的代码放这里
))

87,916

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧