JQuery悬停选择器在Chrome开发工具中有效，但在代码中不起作用

的原因可能是由于以下几个方面：

1. JQuery库未正确引入：在代码中使用JQuery悬停选择器之前，需要确保已正确引入JQuery库。可以通过在HTML文件中添加以下代码来引入JQuery库：

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

这将从CDN加载最新版本的JQuery库。确保在使用悬停选择器之前，JQuery库已成功加载。

1. 代码执行时机不正确：如果代码中的悬停选择器没有起作用，可能是因为代码执行时机不正确。通常，需要在文档加载完成后执行代码，以确保DOM元素已完全加载。可以使用以下代码来确保代码在文档加载完成后执行：

$(document).ready(function() {
  // 在这里编写悬停选择器相关的代码
});

或者使用以下简化的写法：

$(function() {
  // 在这里编写悬停选择器相关的代码
});

这样可以确保代码在文档加载完成后执行，从而使悬停选择器生效。

1. 悬停选择器的选择器表达式有误：悬停选择器的选择器表达式可能有误，导致选择器无法正确匹配到相应的元素。请确保选择器表达式正确，并且与要悬停的元素匹配。例如，如果要选择所有具有class为"hoverable"的元素，可以使用以下代码：

$(".hoverable").hover(function() {
  // 在这里编写悬停时的操作
});

这将选择所有具有class为"hoverable"的元素，并在悬停时执行相应的操作。

总结起来，要解决JQuery悬停选择器在Chrome开发工具中有效但在代码中不起作用的问题，需要确保正确引入JQuery库，代码执行时机正确，选择器表达式准确匹配到要悬停的元素。如果问题仍然存在，可能需要进一步检查代码逻辑和调试，以确定是否存在其他问题。