我有一个简单的JQuery片段,可以在锚标签/链接上切换一个类。 我不知道的是,当点击其他链接时,如何进行类切换或添加/删除? 示例:该类只能应用于单击的链接,并且一次不能在多个链接上。 这就是我被困的地方。 好吧,我不知道怎么做。
其次,如何使用JQuery Cookie保持当前链接处于活动状态。 我已经下载了cookie扩展。
这是我做的:
HTML:
CSS:
.activeLink{ color: #930; }
JQuery的:
$(document).ready(function() { $('.navbar li a').click(function(){ $(this).toggleClass('activeLink'); }); });
谢谢!!
以下是使用事件传播的解决方案:
$(function() { var $activeLink, activeLinkHref = $.cookie('activeLinkHref'), activeClass = 'activeLink'; $('.navbar').on('click', 'a', function() { $activeLink && $activeLink.removeClass(activeClass); $activeLink = $(this).addClass(activeClass); $.cookie('activeLinkHref', $activeLink.attr('href')); }); // If a cookie is found, activate the related link. if (activeLinkHref) $('.navbar a[href="' + activeLinkHref + '"]').click(); });
这是一个演示 (没有cookiefunction,因为JSFiddle缺乏支持)。
我就是这样做的。 这有点过于简单,但它可以在没有大量脑力劳动的情况下完成工作。
以上就是jQuery教程分享添加/删除类并使用Cookie记住选择相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/547288.html