首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当鼠标悬停时显示Google饼图

当鼠标悬停时显示Google饼图
EN

Stack Overflow用户
提问于 2012-11-15 07:50:29
回答 2查看 808关注 0票数 1

当鼠标悬停在某个元素上时,我想显示我的图表。一切正常,除了我不能停止slideToggle返回到它的原始位置。

一旦鼠标“超出目标”,它就会收缩,但如果鼠标仍然停留在图表上,它应该保持显示状态。

代码语言:javascript
运行
复制
$(document).ready(function () {
            $("#test").hover(function () {
                $("#chart_div").slideToggle('slow');
            });
        });  

我为这个问题做了一个jsFiddle,而不是在这里粘贴一大堆代码。

编辑

Here就是一个目标示例。

EN

Stack Overflow用户

发布于 2012-11-15 08:06:22

最好的解决方案是将其更改为.click()

但是,如果您需要在将鼠标移到测试上时显示图表,而在将鼠标移回测试时隐藏图表,那么您可以使用.mouseenter()

代码语言:javascript
运行
复制
$(document).ready(function() {
    $("#test").mouseenter(function() {
        $("#chart_div").slideToggle('slow');
    });
});​

http://jsfiddle.net/fnTXQ/

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13389415

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档