1

我有这个 jquery 代码：

http://jsfiddle.net/y8wPw/60/

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

jQuery代码：

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

6 回答 6

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

})

于 2013-02-01T11:06:34.150 回答
1

为什么不试试： 

$(document).ready(function() {
    $(".body").hover(function () {
        $(".desc").show();
    })
})
于 2013-02-01T11:05:41.453 回答
1

我通过添加包装器并将事件分配给它来编辑您的 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/

于 2013-02-01T11:13:14.503 回答
0

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

JSFiddle

于 2013-02-01T11:05:27.447 回答
0

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

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

于 2013-02-01T11:08:21.200 回答
0 
$(document).ready(function() {
    $(".body").hover(function () {
        $(".desc").show();
    })
    $(".close").click(function () {
        $(".desc").hide();
    })
    $(".wrap").mouseleave(function () {
        $(".desc").hide();
    })
})

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

这就是我要找的！在你的帮助下，我成功了！

谢谢大家！

于 2013-02-01T11:15:10.577 回答