Tag: toggleclass

在页面刷新后保持切换类

我以为这已经做了很多次，但尽管阅读了一些关于cookie的post无法让我理解它。 我基本上有一个第二个body类，为整个站点提供不同的字体，当客户端点击链接更改字体时可以访问。 理想情况下，这不会是逐页的，但新类在访问新页面后会“坚持”。 我通过jquery更改类代码如下所示： $(document).ready(function() { $(“a#switcher”).click(function() { $(“body”).toggleClass(“alternate_body”); }); }); 是否有一种相对简单的方法来实现这一目标？ 提前致谢。

jQuery中的addClass和removeClass – 不删除类

我正在尝试做一些非常简单的事情。 基本上我有一个可点击的div’热点’，当你点击它填满屏幕并显示一些内容。 我通过简单地改变div的类，删除’spot’并添加’grow’来实现这一点，并且有一些CSS动画来使它成长。 这很好用。 问题是，在这个div中有一个close_button，目前只是文本。 我希望这可以将类切换回来 – 即删除成长和读取的点。 单击时不会执行此操作。 我相信这是在DOM加载时没有这些类的元素，但我是jQuery的新手，不知道如何解决这个问题。 我认为这可能是一种更明智的做法，有人能指出我正确的方向吗？ 我会非常感激的。 我尝试使用toggleClass而无济于事。 $( document ).ready(function() { $(“.clickable”).click(function() { $(this).addClass(“grown”); $(this).removeClass(“spot”); }); $(“.close_button”).click(function() { alert (this); $(“#spot1”).removeClass(“grown”); $(“#spot1”).addClass(“spot”); }); }); 更新： 我现在正在使用此代码， $( document ).ready(function() { $(document).on(“click”, “.close_button”, function () { alert (“oi”); $(“#spot1”).addClass(“spot”); $(“#spot1”).removeClass(“grown”); }); $(document).on(“click”, “.clickable”, function () { if ($(this).hasClass(“spot”)){ $(this).addClass(“grown”); $(this).removeClass(“spot”); […]