jQuery技术:添加/删除类并使用Cookie记住选择

我有一个简单的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

      (0)
      上一篇 2021年1月11日
      下一篇 2021年1月11日

      精彩推荐