账号通
    

账号  

密码  

1365

查看

6

回复
主题:如何在模板中做一个导航,选中当前项,能够识别是在本页?(li的class根据地址而变化) [收藏主题] 转到:  
jiyongjin 当前离线

54

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:447 分
登录次数:50 次
注册时间:2007/3/1
最后登录:2013/12/30
jiyongjin 发表于:2013/12/4 10:56:06   | 只看该作者 查看该作者主题 楼主 
比如一个模板里有多个页面导航,首页中 首页中 class="currclass"


<ul>
<li class="currclass"><a  href="/">网站首页</a></li>
<li><a  href="/News/">新闻公告</a></li>
<li><a  href="/NET/">NET产品</a></li>
<li><a  href="/product/">ASP产品</a></li>
<li><a  href="/success/">成功案例</a></li>
</ul>


而到了新闻公告中新闻公告的li的
class="currclass"
<ul>
<li><a  href="/">网站首页</a></li>
<li class="currclass"><a  href="/News/">新闻公告</a></li>
<li><a  href="/NET/">NET产品</a></li>
<li><a  href="/product/">ASP产品</a></li>
<li><a  href="/success/">成功案例</a></li>
</ul>


在模板中只写一个class,其它页面中显示还是定位到该栏目中
而如果写通用的,一个class 都不写,则显示不出定位来。

请问这个问题各位是怎么解决的?
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
刚刚 当前离线

1852

主题

5

广播

126

粉丝
添加关注
级别:版主

用户积分:7093 分
登录次数:225 次
注册时间:2010/7/6
最后登录:2024/4/15
刚刚 发表于:2013/12/4 10:59:32   | 只看该作者 查看该作者主题 沙发 
可通过每个导航做一个静态头部标签来实现
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
jiyongjin 当前离线

54

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:447 分
登录次数:50 次
注册时间:2007/3/1
最后登录:2013/12/30
jiyongjin 发表于:2013/12/4 11:03:33   | 只看该作者 查看该作者主题 藤椅 
以下是引用 刚刚在2013-12-4 10:59:32的发言:
可通过每个导航做一个静态头部标签来实现


那有多少页面,就得写多少模板。有没有一个简单的方法,通过可以写一个模板,或一个标签就实现的?

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
jiyongjin 当前离线

54

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:447 分
登录次数:50 次
注册时间:2007/3/1
最后登录:2013/12/30
jiyongjin 发表于:2013/12/4 11:11:53   | 只看该作者 查看该作者主题 板凳 
tml代码  点击查看原图



  1. <ul id = "menu">  
  2. <li><a href="/">home</a></li>  
  3. <li><a href="/about">about</a></li>  
  4. <ul>  






上述HTML片断,想通过JQuery实现:<li class="current"><a href="/about">about</a></li>效果。

还望 朋友给予帮助,谢谢。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
jiyongjin 当前离线

54

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:447 分
登录次数:50 次
注册时间:2007/3/1
最后登录:2013/12/30
jiyongjin 发表于:2013/12/4 11:15:27   | 只看该作者 查看该作者主题 报纸 
科汛在线商城系统(NET)
$("#menu a").parent("li").addClass('current');







 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
jiyongjin 当前离线

54

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:447 分
登录次数:50 次
注册时间:2007/3/1
最后登录:2013/12/30
jiyongjin 发表于:2013/12/4 11:15:59   | 只看该作者 查看该作者主题 地板 
科汛在线网校系统
$("#menu a").parent("li").addClass('current');
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
jiyongjin 当前离线

54

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:447 分
登录次数:50 次
注册时间:2007/3/1
最后登录:2013/12/30
jiyongjin 发表于:2013/12/4 11:16:29   | 只看该作者 查看该作者主题 7楼 
科汛智能建站系统
$("#menu a     ")     .parent("li").addClass('current');
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.15625秒 powered by KesionCMS 9.0