使用jquery动画圈出文本

我尝试过用Jquery动画圈出文本。我的工作小提琴是：

---

第一个文本运行良好。请参阅我的第二和第三篇文章。圆圈效应是混乱的。我花了更多的时间来修理。我不能。我怎样才能做到这一点

问题在于，由于这些元素被隐藏，circle插件无法正确查找其维度

因此，一种解决方案是在初始化库之后隐藏它们

<div id="quote1" class="text-center main-content">First Text here</div>
<div id="quote2" class="text-center main-content">Second Text here</div>
<div id="quote3" class="text-center main-content">Third text here</div>

这里的第一个文本
这里是第二个文本
这里是第三个文本

---

演示：

问题在于，由于这些元素被隐藏，circle插件无法正确查找其尺寸

因此，一种解决方案是在初始化库之后隐藏它们

<div id="quote1" class="text-center main-content">First Text here</div>
<div id="quote2" class="text-center main-content">Second Text here</div>
<div id="quote3" class="text-center main-content">Third text here</div>

这里的第一个文本
这里是第二个文本
这里是第三个文本

---

演示：

问题在于，由于这些元素被隐藏，circle插件无法正确查找其尺寸

因此，一种解决方案是在初始化库之后隐藏它们

<div id="quote1" class="text-center main-content">First Text here</div>
<div id="quote2" class="text-center main-content">Second Text here</div>
<div id="quote3" class="text-center main-content">Third text here</div>

这里的第一个文本
这里是第二个文本
这里是第三个文本

---

演示：

问题在于，由于这些元素被隐藏，circle插件无法正确查找其尺寸

因此，一种解决方案是在初始化库之后隐藏它们

<div id="quote1" class="text-center main-content">First Text here</div>
<div id="quote2" class="text-center main-content">Second Text here</div>
<div id="quote3" class="text-center main-content">Third text here</div>

这里的第一个文本
这里是第二个文本
这里是第三个文本

---

演示：

删除第二个和第三个文本上的

style=“display:none”

。您不需要它，因为javascript也会隐藏元素。

删除第二个和第三个文本上的

style=“display:none”

。您不需要它，因为javascript也会隐藏元素。

删除第二个和第三个文本上的

style=“display:none”

。您不需要它，因为javascript也会隐藏元素。

删除第二个和第三个文本上的

style=“display:none”

。你不需要它，因为javascript也隐藏了元素。

r你看到了吗？你在看这个吗？你在看这个吗？你在看这个吗？谢谢。工作很好，非常感谢。工作很好，非常感谢。工作很好，非常感谢。工作很好。