jquery animate 在鼠标悬停时不起作用[关闭]

Posted 2023-05-08

【中文标题】jquery animate 在鼠标悬停时不起作用[关闭]

【英文标题】：jquery animate does not work on mouseover [closed]

【发布时间】：2013-12-24 06:41:01

【问题描述】：

我刚刚写了一个 jquery，但我不知道为什么它不起作用。任何帮助表示赞赏！

$(document).ready(function() 
$("navbar").mouseover(function()
        $("navbar").animate(height:'60px');

$("navbar").mouseout(function()
    $("navbar").animate(height:'40px');
    
);

我希望它是当你将鼠标悬停在它上面时，它会变高，当你的鼠标离开时，它会恢复正常（40px） 顺便说一句，导航栏是一个 div。

【问题讨论】：

$("navbar") 选择具有 标签名称“导航栏”的元素。这真的是你想要的吗？您可能有一个带有 ID “导航栏”的元素。

显示您的 html。我想你想要 $("#navbar")

$("navbar") = 是这个类还是 id？请在 jQuery 中定义

我们需要您的 HTML；正在做什么（“不工作”对我们没有帮助）以及应该做什么。

看来您没有正确关闭 mouseover 和 mouseout 处理程序。你有 "" 但它必须是 ");"检查您的浏览器控制台是否有 javascript 错误。

【参考方案1】：

您需要使用.navbar 或#navbar 将navbar 定义为ID 或类，现在它正在尝试选择一个名为<navbar></navbar> 的HTML 元素