jQuery在点击时切换

时间:2017-06-01 15:28:08

标签: javascript jquery arrays events

我有一系列跨度( togglers )和一系列div(切换)。我创建了一个make_toggle函数,它接收toggler及其相应的切换为参数。

在尝试实施“点击切换”时,一切似乎都很好。我试过的是在html click事件上附加一个函数,该函数检查click的目标是否包含在toggled元素中。在切换“后退”时,我会分离处理程序,因此我只在需要时进行检查。

var check_if_clickingout = function(e) {
  if (!toggled[0].contains(e.target)) {
    toggle();
  }
};

请参阅小提琴:https://jsfiddle.net/andinse/65o211nc/11/

它似乎甚至不再起作用,但过去曾经发生过多次触发(这是我来这里寻求帮助的原因)。

我做错了什么?在为一系列独立DOM元素提供功能的情况下,最有效的方法是什么?

1 个答案:

答案 0 :(得分:0)

只是把它放在这里,这似乎做同样的事情。

$("span").click(function() {
  $(this).siblings("div").toggleClass("blue");
});

也许我错过了一些我在你的例子中没有看到的东西。

查看更多:http://api.jquery.com/toggleclass/