我想弄个菜单。在模板文件和头部通用标签中都试了,JS就是不起作用。而我直接打开抽取了相关源码的html界面,引入JQUERY.JS是起作用的。是什么原因。
<script src="/js/jquery.js" type="javascript/text"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
$(".menu > a").click(function(){
$(this).addClass("current") //给当前元素添加"current"样式
.parent().siblings().children("a").removeClass("current") //父元素的兄弟元素的子元素<a>移除"current"样式
return false;
});
});
</script>
</head>
<body>
<div class="page_style">{LB_头部通用}</div>
头部通用标签生成的html:
<div class="head_menu" id="MainMenu">
<ul>
<li class="menu" id="MainMenuItem" name="MainMenuItem"><a href='/' class="menu current" id='Menu_1'/>网站首页</a></li><li class="menu" id="MainMenuItem"><a href='/Item/list.asp?id=1220'/>公司简介</a></li>
<li class="menu" id="MainMenuItem"><a href='/Item/list.asp?id=1224'/>产品展示</a></li>
<li class="menu" id="MainMenuItem"><a href='/Item/list.asp?id=1221'/>新闻动态</a></li>
<li class="menu" id="MainMenuItem"><a href='/Item/list.asp?id=1230'/>公司结构</a></li>
<li class="menu" id="MainMenuItem"><a href='/Item/list.asp?id=1227'/>经典工程</a></li>
<li class="menu" id="MainMenuItem"><a href='/Item/list.asp?id=1286'/>技术支持</a></li>
<li class="menu" id="MainMenuItem"><a href='/Item/list.asp?id=1225'/>联系我们</a></li>
</ul>
</div>