你好，我以前从这个论坛得到过一些帮助。我使用了建议的代码，它工作得很好。然而，当我复制它时，它似乎不能正常工作。有人能帮我诊断一下我遗漏了什么吗？我仍在学习JS。

出现错误为“Uncathed ReferenceError：jQuery未定义”

它似乎在这里的第二行

<script type="text/javascript">
var parentEl = jQuery('#approach-diagram').attr('class');
jQuery('#approach-diagram span').on('mouseover', function() {
  var hoverEl = jQuery(this).attr('class');
  jQuery('#approach-diagram').attr('class', hoverEl + '-bg');
});

jQuery('#approach-diagram').on('mouseleave', function() {
  jQuery('#approach-diagram').attr('class', parentEl);
});

jQuery('#approach-diagram span').on('mouseenter', function() {
  var clickEl = jQuery(this).attr('class');
  jQuery('#approach-diagram').attr('class', clickEl + '-bg');
  jQuery('.approach-text').slideUp();
  jQuery('#' + clickEl + '-text').slideDown();
  parentEl = clickEl + '-bg';
});
    </script>

以下是它正常工作的站点(https://wendyd58.sg-host.com/)如果滚动紫色圆圈，您将看到它应该如何工作。

在这里，它似乎对任何人都没有改变。https://wendyd60.sg-host.com/这是拼图层。

以下是完整代码。

将提供任何帮助！

顺晟科技：

在脚本之前导入jQuery:

<script type="text/javascript">
var parentEl = jQuery('#approach-diagram').attr('class');
jQuery('#approach-diagram span').on('mouseover', function() {
  var hoverEl = jQuery(this).attr('class');
  jQuery('#approach-diagram').attr('class', hoverEl + '-bg');
});

jQuery('#approach-diagram').on('mouseleave', function() {
  jQuery('#approach-diagram').attr('class', parentEl);
});

jQuery('#approach-diagram span').on('mouseenter', function() {
  var clickEl = jQuery(this).attr('class');
  jQuery('#approach-diagram').attr('class', clickEl + '-bg');
  jQuery('.approach-text').slideUp();
  jQuery('#' + clickEl + '-text').slideDown();
  parentEl = clickEl + '-bg';
});
    </script>