JQuery Mouse Out и мышь оставить проблему - PullRequest
0 голосов
/ 28 сентября 2010
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
    <div id="popupContact"  style="position:absolute;left:100px;top:100px;width:100px;height:50px;background-color:orange;border:1px solid red ;">
    </div>
    <div id="divtoshow" style="display:none;background-color:green; border:1px solid black;width:200px;height:100px;position:absolute;">
    dsfdssd <div><a href="#">rahul</a></div>
    </div>
</body>
</html>
<script  type='text/javascript'>
$(document).ready(function(){
    var popup_pos=$('#popupContact').offset();
    var timer;
     $("#popupContact").mouseover(function() {
        if(timer) {
            clearTimeout(timer);
            timer = null
           }
        timer = setTimeout(function() {
            if(!$("#VersionSelectField").is(':hidden')){
                $("#divtoshow").css('position',"absolute"); 
                $("#divtoshow").css('top',popup_pos.top-20);    
                $("#divtoshow").css('left',popup_pos.left-20);  
                $("#divtoshow").show();
                 $("#popupContact").hide();
            }

        }, 1000);

    });

     $("#divtoshow").mouseleave(function() {
            if(timer) {
                clearTimeout(timer);
                timer = null
               }
            timer = setTimeout(function() {
                $("#divtoshow").hide();
                 $("#popupContact").show();

            }, 500);
    });
});
</script>

Привет, у меня есть следующий код, когда я нахожу курсор мыши на div popupcontact и неожиданно нахожу курсор мыши на div, тогда показывается также divtoshow div, но я не хочу, чтобы это помогло ......

В: как не показывать divtoshow div, когда я вдруг наведу курсор мыши на divupcontact div?
я хочу задержку

Ответы [ 2 ]

1 голос
/ 28 сентября 2010

А как же

$("#popupContact").mouseout(function() {  
    $("#divtoshow").hide();
    $("#popupContact").show();
});

?

0 голосов
/ 28 сентября 2010

измените 500 на 0 в setTimeOut () в mouseleave ()

...