javascript – 在jquery中突出显示当前页面
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在jquery中突出显示当前页面,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1137字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 在jquery中突出显示当前页面](/upload/InfoBanner/zyjiaocheng/759/aa0affc41631424d816dc11f85dc9057.jpg)
我有12个html页面.单击左侧导航栏链接时会加载所有这些页面.在这里,我需要在当前链接中添加一个类,单击并加载页面.我试过这个:
$(function(){
$('#container li a').click(function(){
$('#container li a').removeClass('current');
var pathname = (window.location.pathname.match(/[^\/]+$/)[0]);
var currentPage = $(this).attr('href');
if(currentPage==pathname){
$(this).addClass('current');
}
else{
alert('wrong');
}
// alert(pathname+' currentPage: '+currentPage);
})
})
它工作,但在页面加载,类被删除,我不知道为什么它发生..
任何帮助?
解决方法:
吉米是对的.当您重新加载页面时,浏览器还会刷新Javascript代码,这意味着您所做的所有变量和设置也将被重置.这就是您单击链接时类似乎被删除的原因.
这里的解决方案是修改您的代码以遍历所有链接,并将每个链接与当前页面的URL进行比较.找到匹配项后,请调用该链接的addClass函数以更改其颜色.所以,这样的事情应该有效:
$(function(){
var pathname = (window.location.pathname.match(/[^\/]+$/)[0]);
$('#container ul li a').each(function() {
if ($(this).attr('href') == pathname)
{
$(this).addClass('current');
}
});
});
请注意,我们在页面加载时调用此循环函数,而不是在用户单击链接时调用它…因为单击链接将导致页面重新加载,这将重置所有JQuery变量.
希望这可以帮助.
内容总结
以上是互联网集市为您收集整理的javascript – 在jquery中突出显示当前页面全部内容,希望文章能够帮你解决javascript – 在jquery中突出显示当前页面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。