Javascript jqueryhover只工作一次

Javascript jqueryhover只工作一次,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对jQuery相当陌生,但我觉得我对它有相当不错的理解。或者至少是这一部分。我已经阅读了很多关于jQuery的教程,但我以前从未遇到过这个问题 我想把鼠标悬停在一张图片上,让它在旁边显示一个小段落。我已经编写了这个jQuery,它完全实现了我想要它做的事情,只是它只工作一次。将鼠标悬停在图像上会显示描述段落,移动到图像外会再次将其隐藏,但悬停不会起任何作用。你知道为什么会这样吗 $(document).ready(function(){ $('#novelDescrip').hide(

我对jQuery相当陌生,但我觉得我对它有相当不错的理解。或者至少是这一部分。我已经阅读了很多关于jQuery的教程,但我以前从未遇到过这个问题

我想把鼠标悬停在一张图片上,让它在旁边显示一个小段落。我已经编写了这个jQuery,它完全实现了我想要它做的事情,只是它只工作一次。将鼠标悬停在图像上会显示描述段落,移动到图像外会再次将其隐藏,但悬停不会起任何作用。你知道为什么会这样吗

$(document).ready(function(){
    $('#novelDescrip').hide();
    $('#barDescrip').hide();

    $('.novel').hover(function(){
        $('#novelDescrip').fadeIn('slow', 1);
    },
    function(){$('#novelDescrip').hide();}
    );

    $('#barminder').hover(function(){
        $('#barDescrip').fadeIn('slow', 1);
    },
    function(){$('#barDescrip').hide();
    });

});

这应该解释切换的使用以及Jorge发布的链接

以下是一些让您开始使用jQuery切换函数的方法:

 $('.click').click(function() {
    $('.target').toggle();
});

$('.click').click(function() {
    $('.target').slideToggle();
});

$('.click').click(function() {
    $('.target').fadeToggle();
});
“滑动”和“淡入”用于为切换提供滑动或淡出效果

您还可以对不同的内容使用以下属性:

$('element:hidden')
$('element:visible')
或者,您也可以对is执行相同的操作:

回答您的问题:由于您没有发布html,我无法为您测试任何内容,但我建议您遵循上述教程,或者在代码的某些部分将hide()更改为show()

希望有帮助

使用toggle()代替淡入和隐藏。我认为.fadein中的第二个参数必须是函数just use fadein('slow');使用toggle()成功了!它现在确实起作用了。我仍然想知道为什么这只工作一次,但是如果你把toggle()作为答案,我会为你点击复选标记@JorgeZuverza
$(element).is(":hidden")    
$(element).is(":visible")