jquery - jQuery Show/Hide 做了一些奇怪的事情，隐藏了错误的元素

Question

因此，我编写了一个对我来说有意义的 jQuery 片段，但它正在做一些我不打算让它做的事情。在导航栏上，翻车时，我希望使用显示/隐藏功能在下方显示一个小图像。因此，例如，当我将鼠标悬停在“主页”上时，我希望我的 image.png 出现在它的下方。这是jQuery。

$("#home").hover(
function () {
$(this).show(".mustache_one");
},
function () {
$(this).hide(".mustache_one");
}
);

现在它所做的是在悬停时，什么都没有，然后当从“主页”中移除鼠标时，将包含导航栏的整个 div 向左移动以隐藏“主页”链接。同时， image.png 永远不会出现。

Answer 1

您不能将元素 id/class 传递给showor hide。此外，$this将引用#home，因此它会尝试显示/隐藏 home 元素。我不知道你的标记，但这就是你的 JS 的样子。

$("#home").hover(
    function () {
        $('.mustache_one').show('slow');
    },
    function () {
        $('.mustache_one').hide('slow');
    }
);

Answer 2

jQuery .show() 在你想要执行 .show 的对象上执行，例如 $ .hide (".mustache_one").show();() 也一样；

http://api.jquery.com/show/

让我知道这是否有帮助，或者如果您有任何问题:)