Question

所以，我已经编写了一段对我有意义的jQuery片段，但它正在做一些我不打算做的事情。在导航栏上，在翻转时，我希望使用show / hide功能在下面显示一个小图像。因此，当我将鼠标悬停在“Home”上时，我希望my image.png显示在它下面。这是jQuery。

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

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

Answer 1

您无法将元素ID /类传递给show或hide。此外，$this将引用#home，因此它会尝试显示/隐藏主元素。我不知道你的标记，但这就是你的JS看起来的样子。

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

Answer 2

对要执行的对象执行jQuery .show（），例如，show。 $ (".mustache_one").show();同样适用于.hide（）;

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

请告诉我这是否有帮助，或者如果您有任何疑问：）

jQuery显示/隐藏做一些奇怪的事情，隐藏错误的元素

2 个答案: