Jquery 防止div向下滑动()

Jquery 防止div向下滑动(),jquery,slideup,Jquery,Slideup,我有以下资料: 它工作得很好,只是我不想在我将鼠标悬停在它上面时,它会滑下来。我猜这是因为我不再在块上悬停,但我想以某种方式从任何动作中禁用blurb框 如果您需要更多信息,请告诉我,并提前感谢您抽出时间 干杯, 史蒂夫如果你想让盒子留在那里,去掉下面的几行就行了: $('.toggle-block').mouseleave(function() { $(this).siblings('.blurb').stop().slideUp(500); }); 如果要

我有以下资料:

它工作得很好,只是我不想在我将鼠标悬停在它上面时,它会滑下来。我猜这是因为我不再在块上悬停,但我想以某种方式从任何动作中禁用blurb框

如果您需要更多信息,请告诉我,并提前感谢您抽出时间

干杯,
史蒂夫

如果你想让盒子留在那里,去掉下面的几行就行了:

    $('.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);
});