首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >mouseover/mouseout jquery

mouseover/mouseout jquery
EN

Stack Overflow用户
提问于 2011-04-14 02:12:07
回答 4查看 4.7K关注 0票数 1

我遗漏了什么?

代码语言:javascript
运行
复制
$("TABLE.tbl-graphs DIV.util").mouseover(
    function(){
        $("DIV.pic-container, DIV.util-info").hide("slow");
        $("DIV.util-description").show("slow");
    });
$("TABLE.tbl-graphs DIV.util").mouseout(
    function(){
        $("DIV.pic-container, DIV.util-info").show("slow");
        $("DIV.util-description").hide("slow");
    });
EN

回答 4

Stack Overflow用户

发布于 2011-04-14 02:16:52

在调用.show().hide()之前使用.stop()。您可能还想使用mouseentermouseleave -不同之处在于事件冒泡。

试试这件衣服的尺寸:

代码语言:javascript
运行
复制
var $divs = $("div.pic-container, div.util-info, div.util-description");

$("table.tbl-graphs div.util").live('mouseenter mouseleave'
function() {
    $divs.stop().toggle("slow");
});

请注意,要显示/隐藏的<div>需要处于正确的初始状态才能正常工作。

票数 2
EN

Stack Overflow用户

发布于 2011-04-14 02:14:06

我认为您正在寻找出队:http://api.jquery.com/dequeue/

这不允许排队的事件(例如,悬停在div上,让它淡入淡出三次,只有一次)

票数 0
EN

Stack Overflow用户

发布于 2011-04-14 02:15:25

解决这个问题的常用方法是使用一个简单的标志,例如,如果它当前正在做某件事,它会忽略鼠标请求

代码语言:javascript
运行
复制
if(flag) return;
flag = true

然后将flag = false的回调添加到函数中

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5653647

复制
相关文章

相似问题

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