Question

所以，基本设置，我有三个div，每个div都有不同的内容，当页面加载时，它们都是隐藏的。理想情况下，用户单击其中一个div，扩展该div并显示内容。他们点击另一个div，打开一个div，然后点击它们。

问题是，即使我明确地引用了我想要点击的类，我的函数也在“无法点击”的类上运行。

编辑：添加了一个jsfiddle，以更好地说明我正在努力实现的目标： http://jsfiddle.net/ev5ew41q/

这是我的javascript：

$(function() {
   $('.notContent').click(function() {
       $(this).switchClass('notContent','isContent');
       $('.isContent').switchClass('isContent','notContent');
       });
});

notContent的CSS（以及其他内容）隐藏了“[some stuff here]”。 javascript应该在点击时为“isContent”切换“notContent”，但没有别的。我尝试过使用if / else，同样的事情发生了。不知道我做错了什么。

[为坏语法编辑]

Answer 1

简单地更改类不会取消绑定处理程序。处理程序在运行时绑定到该元素！一个简单的解决方案就是切换单击的元素，并隐藏所有其他元素：

$('.notContent').click(function() {
    $(this).toggle();
    $(".notContent").not(this).hide();
});

我的点击功能在不应该运行时运行

1 个答案: