首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将鼠标上的jQuery.hover弹出窗口保持在弹出窗口上

问如何将鼠标上的jQuery.hover弹出窗口保持在弹出窗口上
EN

Stack Overflow用户
提问于 2012-11-27 11:09:51
回答 1查看 1K关注 0票数 1

这是我的问题:当鼠标移动到一个项目上时,会弹出一个弹出窗口来显示该项目的详细信息。我使用hover()来做这件事(我设置了一个函数来延迟触发)。但是,当我移出项目并移动到详细信息弹出窗口时。弹出窗口就消失了。所以,当鼠标不是停留在触发器元素上,而是停留在弹出窗口.this上时,如何保持弹出窗口是我的代码

tab.find("tr").slice(1,parseInt(jQuery( tr (e){

代码语言:javascript
复制
    var id=jQuery(this).parent().find( "td:first").html();
    var url = "/" +job.webDatabasePath+"/DPGetDoc?openAgent&id="+id;

    jQuery.ajax( {
               url:url,
              success: function(data){
                    var xmlObj = jQuery(data);
                     var major = xmlObj.find("DPTrainSubItem" ).text();
                    jQuery( "#blockDeptName").val(major);                                    
                     }     
              } )
              var a=getMousePoint(e);
           if((parseInt(document.getElementById("popupContact").style.width)+a.x)<parseInt(document.body.clientWidth)){
              jQuery( "#popupContact").css({
                "top": a.y+20,
                "left": a.x+20
               });
             popupModal.show();
            }else{
                jQuery( "#popupContact").css({
                    "top": a.y+20,
                    "left": a.x-parseInt(document.getElementById("popupContact").style.width)-50
                 });
                 popupModal.show(); 
              }
    },
   function (){

    if(jQuery('#popupContact').is(':hover')){
        disablePopup();
        }
 });

如果jQuery('#popupContact').is(':hover')在IE中工作,我的工作就简单了。然而,事实并非如此。那么我该怎么做呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-11 19:33:55

您可以尝试使用settimeout,如下所示:

代码语言:javascript
复制
setTimeout(function (){$("#popupContact").remove();}, 3000);

希望这能有所帮助

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

https://stackoverflow.com/questions/13576810

复制
相关文章

相似问题

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