Question

我正在使用hoverIntent.js jQuery插件，以便在我成功实现的悬停时使div可见。

我现在要解决的问题是启用现在可见的div内的项目。我想我想将这个悬停的意图传递给现在可见的div。这是可能的，我将如何做到这一点？

Here is an example of my problem on jsFiddle

更新

Here是问题的更新 - 基本上有一个div在彼此旁边浮动，启动一个单独的隐藏div。

Answer 1

如果您将元素嵌套在inner-block中，您将获得所需的效果

<div class="block">    
    <div class="inner-block">
        <h1>Button</h1>
        <div id="hide">
            <h2>Blah</h2>
            <h2>Blah</h2>
            <h2>Blah</h2>
        </div>
    </div>    
</div>

$(document).ready(function() {
    $("#hide").hide();
    $(".inner-block").hoverIntent({
        over: show,
        timeout: 100,
        out: hide
    });

});

function show() {
    $("#hide").show("fast");
};

function hide() {
    $("#hide").hide("slow");
};

http://jsfiddle.net/taJmz/4/

在悬停时显示div并使用jQuery启用内容选择

1 个答案: