Jquery 防止div向下滑动()
我有以下资料: 它工作得很好,只是我不想在我将鼠标悬停在它上面时,它会滑下来。我猜这是因为我不再在块上悬停,但我想以某种方式从任何动作中禁用blurb框 如果您需要更多信息,请告诉我,并提前感谢您抽出时间 干杯,Jquery 防止div向下滑动(),jquery,slideup,Jquery,Slideup,我有以下资料: 它工作得很好,只是我不想在我将鼠标悬停在它上面时,它会滑下来。我猜这是因为我不再在块上悬停,但我想以某种方式从任何动作中禁用blurb框 如果您需要更多信息,请告诉我,并提前感谢您抽出时间 干杯, 史蒂夫如果你想让盒子留在那里,去掉下面的几行就行了: $('.toggle-block').mouseleave(function() { $(this).siblings('.blurb').stop().slideUp(500); }); 如果要
史蒂夫如果你想让盒子留在那里,去掉下面的几行就行了:
$('.toggle-block').mouseleave(function() {
$(this).siblings('.blurb').stop().slideUp(500);
});
如果要在鼠标不在球上时隐藏长方体,请通过以下方式更改这些线:
$('.toggle-block').mouseleave(function() {
$(this).siblings('.blurb').stop().hide();
});
也许这就是你想要的
(function($) {
$(document).ready(function(){
var check = true;
$('.toggle-block').mouseenter(function() {
if(check){
$(this).siblings('.blurb').slideDown(1000);
check = false;
}
});
$('.toggle-block').mouseleave(function() {
$(this).siblings('.blurb').stop().slideUp(500);
});
});
})(jQuery);
我是jQuery新手,希望其他人能很快找到更好的解决方案,但我要做的(有效的)是将.toggle块和.blurb放在另一个div.container块中 因此,您将拥有以下html结构:
<div class="block">
<div class="container">
<a class="toggle-block"><img src="http://www.northareadevonfootball.co.uk/Images/football.jpg"></a>
<div class="blurb">
<h2>Title here</h2>
<p>Hello there, this is a test to take the content over one line so I can see what the line height looks like.</p>
</div>
</div>
</div>
它是有效的。。。不过,还有一些事情需要改进。。。让我知道,如果你需要更多的帮助和好运与你的项目 那它该怎么办呢?我是confusedanswer,这是你想要的吗?否则,请澄清你的问题,我希望它在我悬停在上面时滑动,不在上面时向下滑动。就这么简单-虽然我不想让宣传语覆盖切换块。那么我不明白你的问题。你能澄清一下吗?这不是我的问题。。。不管怎样,他想知道,只有当他离开图像位置时,带文本的div才会向下滑动;去你的鼠标删除功能并删除鼠标删除功能检查一下是的,史蒂文,这很有效,但仍然不好。看看这个新例子:
$('.container').mouseleave(function() {
$('.blurb').stop().slideUp(500);
});