Javascript/jQuery单击时添加类不处理圆div

这些年来，我已经在这里找到了很多答案，但现在我真的被困在了一些东西上，写下了我第一个发帖的问题

我正在用一些图表制作一个网站。图形的背景是显示x轴和y轴的图像。我正在使用Javascript绘制所有点，并根据.txt文件中的数据对它们进行定位。这一切都在起作用（耶！），但是。。。我的问题是：

我有15个人用7张图表回答了问题。当你点击图1中person1的一个点时，我希望这个点和其他图中这个人的所有点都变大。所有点都有两个类：.circle和.circle[number]（每个圆[number]出现在每个图形中，因此[number]是个人ID）。因此，我认为在单击时将class.big添加到.circle1就可以了，但由于某种原因，我从未添加过该类

我尝试了所有我通常有用的东西，也尝试了很多我在这里找到的答案，当我尝试这个的时候，比如我的页面标题，它是有效的。所以我觉得问题出在点上。。。我已经确定了点在图像上方，所以这不是问题所在。当我在圆点上加上悬停图案时，它确实知道我在哪个圆点上悬停，并使它变大。还尝试在div中添加一些HTML，但仍然不起作用

我在HTML中使用Javascript绘制点，如下所示：

<div class="circle circle0" style="position: absolute; left: 275.988px; top: 165.559px;"></div>
<div class="circle circle1" style="position: absolute; left: 231.204px; top: 141.898px;"></div>
<div class="circle circle2" style="position: absolute; left: 228.308px; top: 138.01px;"></div>
etc... (in every graph, so 7 times but every time different positions based on the data)

.circle {
   border-width: 2px;
   border-style: solid;
   border-color: black;
   border-radius: 50%;
   width: 10px; 
   height: 10px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0;
   z-index: 999;
}

有人知道为什么这不起作用以及它是如何起作用的吗？ 谢谢

答：代码没有问题，我只是把代码提高了一个级别（愚蠢！有时很简单）

你的CSS中缺少了“大”类，所以这可能是它不起作用的原因之一。下面是一个使用您的代码和添加的类的示例：

$（文档）.ready（函数（）{
$（“.circle0”）。在（“单击”，函数（）{
$（“.circle0”）.toggleClass（“大”）；
});
$（“.circle1”）。在（“单击”，函数（）{
$（“.circle1”）.toggleClass（“大”）；
});
$（“.circle2”）。在（“单击”，函数（）{
$（“.circle2”）.toggleClass（“大”）；
});
});
.circle{
边框宽度：2倍；
边框样式：实心；
边框颜色：黑色；
边界半径：50%；
宽度：10px；
高度：10px；
-moz框大小：边框框；
框大小：边框框；
填充：0；
z指数：999；
}
.大{
宽度：15px；
高度：15px；
}

您缺少CSS中的“大”类，因此这可能是它不起作用的原因之一。下面是一个使用您的代码和添加的类的示例：
$（文档）.ready（函数（）{
$（“.circle0”）。在（“单击”，函数（）{
$（“.circle0”）.toggleClass（“大”）；
});
$（“.circle1”）。在（“单击”，函数（）{
$（“.circle1”）.toggleClass（“大”）；
});
$（“.circle2”）。在（“单击”，函数（）{
$（“.circle2”）.toggleClass（“大”）；
});
});
.circle{
边框宽度：2倍；
边框样式：实心；
边框颜色：黑色；
边界半径：50%；
宽度：10px；
高度：10px；
-moz框大小：边框框；
框大小：边框框；
填充：0；
z指数：999；
}
.大{
宽度：15px；
高度：15px；
}

只是为了验证你是否想在单击其中一个圆圈时将类“big”添加到所有圆圈中？似乎有效：所以有时肯定会有其他事情发生我太愚蠢了。我只需要将我的代码块向上移动一层！我已经盯着这个问题很久了。我想太长了；）（这里已经过了午夜）谢谢大家！只是想验证一下，当你点击其中一个圆圈时，你想把这个类“big”添加到所有的圆圈中吗？似乎是可行的：所以有时候肯定会有别的事情发生，我真是太蠢了。我只需要将我的代码块向上移动一层！我已经盯着这个问题很久了。我想太长了；）（这里已经过了午夜）谢谢大家！谢谢@Phil，这是一个公平的问题。只需将代码块向上移动一个级别，现在它就像一个符咒一样工作：）谢谢@Phil，它原来是一个级别问题。只需将代码块向上移动一级，现在它就像一个符咒一样工作：）
$(".circle").on("click",function(){
    $(".circle").addClass("big");
});