在导航菜单点击链接跳转到新页面后,添加blue

[qq_36012948]

[当作看不见]

你的意思是点击后颜色发生变化，表示被点击？ 是所有被点击的变蓝色，还是最后一个被点击的变蓝色？

[当作看不见]

//只有最后一个点击生效
$(".item").click(function(){
	$(this).siblings('.item').children('.text').removeClass('blue')
	$(this).children('.text').addClass('blue')
})
//所有被点击的都会生效
$(".item").click(function(){
	$(this).children('.text').addClass('blue')
})

[天际的海浪]

$(function(){
	if (/(pares\/\w+)/.test(location.href)) {
		$(".footer .item[data-href='"+RegExp.$1+"'] .text").addClass("blue");
	}
});

[天际的海浪]

是不是要根据当前页面的地址设置样式。楼主不说清楚我们只能玩看图猜谜了

$(function(){
	if (/(pages\/\w+)/.test(location.href)) {
		$(".footer .item[data-href='"+RegExp.$1+"'] .text").addClass("blue");
	}
});

[斯洛文尼亚旅游]

网站导航栏目焦点设置

[qq_36012948]

引用 1 楼 qq_29594393 的回复:

你的意思是点击后颜色发生变化，表示被点击？ 是所有被点击的变蓝色，还是最后一个被点击的变蓝色？

是啊 APP不是都有个共用的头部或底部， 那个是跳页面的 点击要换颜色

[当作看不见]

引用 6 楼 qq_36012948 的回复:

[quote=引用 1 楼 qq_29594393 的回复:] 你的意思是点击后颜色发生变化，表示被点击？ 是所有被点击的变蓝色，还是最后一个被点击的变蓝色？

是啊 APP不是都有个共用的头部或底部， 那个是跳页面的 点击要换颜色[/quote] 上面已经给出jquery代码实现。有什么疑问补充？

[qq_36012948]

引用 2 楼 qq_29594393 的回复:

//只有最后一个点击生效
$(".item").click(function(){
	$(this).siblings('.item').children('.text').removeClass('blue')
	$(this).children('.text').addClass('blue')
})
//所有被点击的都会生效
$(".item").click(function(){
	$(this).children('.text').addClass('blue')
})

点击后跳页面当前对象的那个还是不变颜色

[qq_36012948]

引用 4 楼 jslang 的回复:

是不是要根据当前页面的地址设置样式。楼主不说清楚我们只能玩看图猜谜了

$(function(){
	if (/(pages\/\w+)/.test(location.href)) {
		$(".footer .item[data-href='"+RegExp.$1+"'] .text").addClass("blue");
	}
});

就是像淘宝那个APP一样点击下面的底部 跳转到其他地方并且对应的 换颜色

[qq_36012948]

引用 8 楼 qq_36012948 的回复:

[quote=引用 2 楼 qq_29594393 的回复:]

//只有最后一个点击生效
$(".item").click(function(){
	$(this).siblings('.item').children('.text').removeClass('blue')
	$(this).children('.text').addClass('blue')
})
//所有被点击的都会生效
$(".item").click(function(){
	$(this).children('.text').addClass('blue')
})

点击后跳页面当前对象的那个还是不变颜色[/quote] 这个他会跳页面刷新 导致我的blue样式没有应用到当前点击的那个图标上。怎么办

[当作看不见]

你这个可以使用ajax局部刷新，或者iframe，不然的话就要传输数据，比较麻烦。 建议使用ajax

[逝_去_的_光_阴]

你这是点击后跳页面了 用cookie（不知道h5的app能不能用）或者request带特定参数来控制blue添加在哪里

[qq_36012948]

比如我点项目 项目变蓝色 点击投资人投资人变蓝色 其他的取消blue样式。当时从项目到投资人，会跳转页面导致刷新 然后我的blue样式没有应用到投资人上

[qq_36012948]

引用 5 楼 showbo 的回复:

网站导航栏目焦点设置

试了，然后就不能跳转了 还是没有效果 比如我点项目 项目变蓝色 点击投资人投资人变蓝色 其他的取消blue样式。当时从项目到投资人，会跳转页面导致刷新 然后我的blue样式没有应用到投资人上

[qq_36012948]

引用 12 楼 u011376884 的回复:

你这是点击后跳页面了 用cookie（不知道h5的app能不能用）或者request带特定参数来控制blue添加在哪里

...比如我点项目 项目变蓝色 点击投资人投资人变蓝色 其他的取消blue样式。当时从项目到投资人，会跳转页面导致刷新 然后我的blue样式没有应用到投资人上

[斯洛文尼亚旅游]

引用 14 楼 qq_36012948 的回复:

[quote=引用 5 楼 showbo 的回复:] 网站导航栏目焦点设置

试了，然后就不能跳转了 还是没有效果 比如我点项目 项目变蓝色 点击投资人投资人变蓝色 其他的取消blue样式。当时从项目到投资人，会跳转页面导致刷新 然后我的blue样式没有应用到投资人上[/quote] 看示例，大概意思就是要你在跳转到的页面获取相关的参数，重新设置焦点。你在当前页面上执行js设置焦点样式没用，应为刷新了会丢失样式，除非你是无刷新的，或者内容在iframe中代开，而不是整个页面刷新

[qq_36012948]

引用 4 楼 jslang 的回复:

是不是要根据当前页面的地址设置样式。楼主不说清楚我们只能玩看图猜谜了

$(function(){
	if (/(pages\/\w+)/.test(location.href)) {
		$(".footer .item[data-href='"+RegExp.$1+"'] .text").addClass("blue");
	}
});

比如我点项目 项目变蓝色 点击投资人投资人变蓝色 其他的取消blue样式。当时从项目到投资人，会跳转页面导致刷新 然后我的blue样式没有应用到投资人上

[逝_去_的_光_阴]

点击事件跳转页面的时候加上特定参数,例:pages/projectList?footer_index=0 footer_index是所点击div .item的下标 在<div class="footer">那个原始页面加上js

function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
    var r = window.location.search.substr(1).match(reg);  //匹配目标参数
    if (r != null) return unescape(r[2]); return null; //返回参数值
}
$(function(){
	var footer_index=getUrlParam('footer_index');
	if(footer_index!=null&&footer_index!=""){
		$(".footer .item").eq(footer_index).find(".text").addClass("blue");
	}
});