Question

我有这个jquery代码：

我想要的是，在打开内容的DIV之后，它必须保持可见，以便我可以检查它并将此div用作表单（或其他目的）。但现在，如果我从Content div制作一个MOUSEOUT，它就会消失。

Jquery代码：

$(document).ready(function() {
    $(".body").hover(function () {
        $(".desc").toggle();
    })
})

Answer 1

$(document).ready(function() {
$(".body").hover(function () {
    $(".desc").show();
})

}）

Answer 2

为什么不尝试：

$(document).ready(function() {
    $(".body").hover(function () {
        $(".desc").show();
    })
})

Answer 3

我已经通过添加包装器并将事件分配给它来编辑你的js小提琴代码。我想这可以解决你的问题：）

将html更新为

<div id="wrap">
<div class="body">Hellp</div>
<div class="desc">Any content here!</div>
</div>
<div class="clear"></div>

更新了css

#wrap{overflow:hidden}

更新了js

$(document).ready(function() {
    $("#wrap").hover(function () {
        $(".desc").toggle();
    })
})

链接http://jsfiddle.net/RUtgE/1/

Answer 4

使用.css('display', 'block')代替.toggle()

JSFiddle

Answer 5

您可以使用mouseenter而不是悬停。在这种情况下，它会在您第一次显示“帮助”按钮时显示，下一次它将再次关闭。

查看http://api.jquery.com/category/events/mouse-events/以了解更多可以使用的鼠标事件！

Answer 6

$(document).ready(function() {
    $(".body").hover(function () {
        $(".desc").show();
    })
    $(".close").click(function () {
        $(".desc").hide();
    })
    $(".wrap").mouseleave(function () {
        $(".desc").hide();
    })
})

http://jsfiddle.net/y8wPw/74/

这就是我想要的！有了一些帮助，我成功了！

感谢所有人！

用Jquery切换div使其保持可见

6 个答案: