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