var $ = require('jquery');
$('.main-nav li').click(function() {
$('.main-nav li').removeClass('active');
$(this).addClass('active');
});
意思是:监听class="main-nav"下的li标签的点击事件
然后一处class="main-nav"下的li标签的class="active"属性(active为点击后的CSS样式)
再给当前的元素添加class="active"
从而达到标题栏的点击效果
但是使用tiles模块加载的话. 每个组件页面跳转回重新加载. 所以class无法用鼠标点击加载上去.
只能用获取当前url来判断
所以用了
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
先获取当前全路径
var url = window.location.href
或者目录路径
var url = window.location.pathname;
获取当前最后一个路径名(最后一个”/”后面的字符串)
var path=window.location.href;
path=path.substr(path.lastIndexOf('/')+1);
alert(path);
获取上一级目录(左后一个”/”前面的字符串)
var url = window.location.href;
var arr = url.split("/");
delete arr[arr.length-1];
var dir = arr.join("/");
alert(dir);
然后通过
if()
最后一个路径名选择<a>
if(path=="index"){
$('[href$="index"]').addClass('active').siblings().removeClass('active');
}
注:
.siblings()
除了当前元素以外的元素.
学习笔记,未排版,转载标明出处:http://blog.csdn.net/zemochen/article/details/10993787
参考文献:http://www.cnblogs.com/amylis_chen/archive/2010/07/08/1773335.html