jQuery的toggle()和toggleClass()

发布于 2024-10-20 08:56:17 字数 327 浏览 7 评论 0原文

我有一个按钮可以打开和关闭 DIV 图层。我正在尝试向按钮添加一个类，以便在切换按钮时显示不同的效果，但是我无法使其正常工作，切换按钮时不会添加该类。

该按钮是一个列表项，例如开/关

这是我的代码：

$("#btninformation").click(function () {
  $("#map-items-category-one").toggle("slow", function() {
    $(this).toggleClass("toggled-on");
  });
});

有什么想法吗？

谢谢扎克

原文

I have a button that toggles a DIV layer on and off. I am trying to add a class to the button so that when its toggled on it appears differently, however I haven't been able to get it working, the class is not being added when the button is toggled.

The button is a list item e.g. On / Off

Here is my code:

$("#btninformation").click(function () {
  $("#map-items-category-one").toggle("slow", function() {
    $(this).toggleClass("toggled-on");
  });
});

Any ideas whats wrong with it?

Thanks
Zach

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

燕归巢 2024-10-27 08:56:17

您要在 '#map-items-category-one' 上切换类，而不是在 '#btninformation' 上切换类。只需在内部回调之外获取对按钮的引用：

$("#btninformation").click(function () {
  var $that = $(this);
  $("#map-items-category-one").toggle("slow", function() {
    $that.toggleClass("toggled-on");
  });
});

You're toggling the class on the '#map-items-category-one', not on the '#btninformation'. Just grab a reference to the button outside of the inner callback:

$("#btninformation").click(function () {
  var $that = $(this);
  $("#map-items-category-one").toggle("slow", function() {
    $that.toggleClass("toggled-on");
  });
});

回复收藏 0 原文

~没有更多了~