jQuery问题：悬停，取消悬停不工作

我有个问题。 这是我的网站 导航栏中移动的红线是由以下代码引起的。 但它并没有按预期工作。 我想要的是让红线在悬停时变长。 但是当你把光标移开时，回到正常大小， 但这不正常，它只工作一次，然后你必须刷新，它在主链接上不工作，它变小而不是变长。帮忙

<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $('div', '#nav_container').hover(function() {
    $(this).animate({width: '220px'}, 1000);      
}, function() {
    $(this).animate({width: '300px'}, 1000); 
});
});
</script>

$（文档）.ready（函数（）{
$（'div'，'nav_container'）。悬停（函数（）{
$（this.animate（{width:'220px'}，1000）；
}，函数（）{
$（this.animate（{width:'300px'}，1000）；
});
});

在设置动画之前尝试调用：

$(document).ready(function() {
  $('div', '#nav_container').hover(function() {
    $(this).stop();
    $(this).animate({width: '220px'}, 1000);      
  }, function() {
    $(this).stop();
    $(this).animate({width: '300px'}, 1000); 
  });
});

编辑：如果要调整图像大小而不是包含图像的DIV大小。试试这个：

$(document).ready(function() {
     $('#nav_container div').hover(function() {
        $(this).children('img').stop().animate({width: '220px'}, 1000);      
     }, function() {
        $(this).children('img').stop().animate({width: '300px'}, 1000); 
     });
});

你可能需要调整宽度和持续时间以获得你想要的效果。

这很容易修复

在脚本标记中写入以下内容：

$(document).ready(function() {
        $('.box').hover(
          function() {
              $(this).css({ background: 'blue' });
          },
          function() {
              $(this).css({ background: 'black' });
          }
        );
    });

然后写下下面的标记，你应该让你的鼠标朝你微笑

<div class="box"></div>

---

哎呀，忘了提了；在jquery中编写多个选择器就像

（'selector1，selector2，…）

你错误地写了这样的话：

$（'div'，'nav_container'）。悬停（function（）{

---

希望这有帮助

这个问题是解决悬停问题的后续问题。但是我意识到它调整了DIV的大小，而不是img（Nav_Line.png）。它仍然变小，需要多次刷新才能正常工作，home无法正常工作。再见：）对，它工作得很好！只是出于某些原因，Home和About行与公文包和Contact的高度不同。这可能与你的master.css文件有关。谢谢。永远不要忘记$.fn.stop（）。你应该编辑你以前的答案。不要发布其他答案。-1